React Native - Mobile Applications With Javascript

$250.00 50% OFF Buy for $125.00
Difficulty: Beginner Javascript React web_development

Your JavaScript, running on phones: layouts, touch, lists, and networking in React Native, built up through a counter and a full task manager.

The apps on your phone feel like they belong to a different species of programming. Compiled languages, app stores, Apple's rules. Most web developers assume the way in requires starting over from zero. Meanwhile React Native has been quietly powering serious production apps for years, written in the language you already know.

That is the door this course opens: JavaScript in, real mobile apps out.

Getting your code onto a screen you can touch

The introduction handles the part that stops most people before lesson one, actually seeing your app run. You build a first mobile app right away, then walk through every way to preview your work: on-device options, controlling your phone from your desk with Vysor, and installing Xcode for the iOS simulator. This section exists because mobile setup friction is real, and pretending otherwise loses students. Once your first screen renders on actual glass, the rest of the course feels downhill.

Web habits, translated

Then the basics, mapped from what you already know. The file structure and App.js. Flexbox for aligning views, the same mental model you use in CSS with a few native twists. Components and props, which behave exactly as they do in React on the web, just rendering to native views instead of the DOM. ScrollView for content that outgrows the screen, touch handling because fingers are not mouse cursors, and text inputs with managed state.

If you have done web front end work, most of these lessons will feel like translation rather than new material, and that is precisely the argument for React Native. You are not starting a second career. You are porting the one you have.

A quick counter project locks in the loop of layout, state, and interaction. Three lessons: initialize the app, build the layout, make it functional. Small on purpose, because the first complete thing you ship on a phone should come fast, while the excitement of seeing your own app on a device is still doing the motivating for you.

Then a second basics block covers the things phones care about that browsers mostly do not: images, icons, list components built for performance, because a phone rendering a thousand rows naively will stutter, and networking so your apps can talk to real APIs. That last one quietly matters most. An app that fetches live data stops being an exercise and starts being software.

The task manager

The final project is a task management app built across fourteen lessons, and it earns the word "app": home page layout, header, status cards, styled task lists, a create page, working navigation, centralized state for all tasks, an edit page built in two parts, new task creation, and tappable status changes that update the cards. Creating, reading, updating, filtering. That is the skeleton of most business software, now in your portfolio as a native app.

One honest limitation: the lesson list stops at building and running the app. Publishing to the App Store and Play Store, with the accounts, signing, and review process that involves, is its own separate adventure and is not covered here.

If your React needs work first, start with React JS Til Infinity. If your JavaScript itself is shaky, go back one more step to JavaScript Basics. And for the web-side career track that pairs with this skill set, there is the React JS Job Ready course.

What you'll learn

  • Set up React Native and run your first app, on your own phone or in a simulator
  • Preview your work every way available, including Vysor and the Xcode iOS simulator
  • Understand the file structure and what App.js is doing
  • Lay out views with flexbox and build your first components with props
  • Handle touch, scroll views, text inputs, and state
  • Work with images, icons, and performant lists
  • Fetch data over the network from inside a mobile app
  • Build a complete task management app with navigation, editing, and status tracking
Curriculum

Course Curriculum

6 sections

1

Introduction

0 lessons
2

Basics

0 lessons
3

Project 1 Counter

0 lessons
4

Basic Part 2

0 lessons
5

Project 2 = Task Management App

0 lessons
6

More videos being added

0 lessons

Before you start

  • Solid JavaScript. React experience helps a lot, since React Native shares its component model
  • A phone or a simulator to run your apps on. The course shows you how to set up both

Frequently asked questions

Do I need to know React before React Native? +
It helps more than anything else, because React Native is React with native building blocks instead of divs. You can survive with strong JavaScript alone since the course covers components, props, and state, but if React is totally new I would take React JS Til Infinity first.
Do I need to learn Swift or Kotlin? +
No, that is the entire pitch of React Native. You write JavaScript, and the framework produces real native apps for both iOS and Android from one codebase.
How do I see my app while building? +
The course dedicates lessons to exactly this: all the ways to view your application, controlling your Android phone from your desk with Vysor, and installing Xcode for the iOS simulator on a Mac.
What is the big project? +
A task management app built across fourteen lessons: home layout, header, status cards, task lists, a create page, functional navigation buttons, shared state for all tasks, a two-part edit page, creating tasks, and updating statuses. It is a real CRUD app, the shape most business apps take.
How long does the course take? +
It is self-paced with short lessons. Some students binge the basics section and slow down for the task app, others take one lesson at a sitting. Both approaches work fine.
Is this included in Diamond, and is there a certificate? +
Yes and yes. It is part of the Diamond membership, available individually with lifetime access, and finishing earns a certificate of completion.
$365/y$182.50/yr · 50% off
Start your path →