React Native for Beginners

Build a real phone app with React Native: one codebase for Android and iPhone. Ten-minute lessons, real code in every one, and screens you can tap right in the lesson, then on your own phone.

by Teyro

80 lessons
4 units
16h 58m
Up to 1,160 XP

I wrote this one myself. Start now and I'll count your streak from lesson one.

What you'll learn

Set up everything you need and build screens with React Native and Expo
Style apps with flexbox so they're easy to read and use on any phone
Handle taps, typing and a shopping cart with state
Show lists and move between screens with navigation
Save data on the phone and handle loading and empty states
Run your app on your own phone with Expo Go

Course path

4 units · 80 lessons

The line around the block12 min · InteractiveFree+10 XP
What you need11 min · InteractiveFree+10 XP
What a phone app is made of11 min · InteractiveFree+10 XP
Your first screen13 min · InteractiveFree+10 XP
Checkpoint: Mai's challenge13 min · InteractiveFree+20 XP
The JavaScript you'll use13 min · InteractiveFree+10 XP
JSX: HTML's cousin12 min · InteractiveFree+10 XP
Components are building blocks13 min · InteractiveFree+10 XP
Build log v0.111 min · InteractiveFree+10 XP
Checkpoint: Arjun's first review13 min · InteractiveFree+20 XP
Props: one card, every dish13 min · InteractiveFree+10 XP
Text people can read13 min · InteractiveFree+10 XP
The red screen13 min · InteractiveFree+10 XP
From preview to your phone14 min · InteractiveFree+10 XP
Checkpoint: the lunch-rush test14 min · InteractiveFree+20 XP
Build: the home screen14 min · InteractiveFree+10 XP
Build: the menu14 min · InteractiveFree+10 XP
Code review with Arjun13 min · InteractiveFree+10 XP
Build: one button, one promise13 min · InteractiveFree+10 XP
v0.1: Linh sees it15 min · InteractiveFree+20 XP
Unit 1 chestFinish every lesson in this unit+50 XP

Readable in the sun12 min · Interactive
StyleSheet: styles with names13 min · Interactive
Styling myths11 min · Interactive
Rows and columns13 min · Interactive
Checkpoint: Mai's napkin13 min · Interactive
Line it up12 min · Interactive
Room to breathe12 min · Interactive
The truck's colours13 min · Interactive
Build log v0.211 min · Interactive
Checkpoint: the welcome screen13 min · Interactive
Pictures on the menu13 min · Interactive
Make it a card12 min · Interactive
One button to find12 min · Interactive
Every phone is different12 min · Interactive
Checkpoint: the small-phone test14 min · Interactive
Build: the menu card14 min · Interactive
Build: the menu screen15 min · Interactive
Code review: a theme13 min · Interactive
Everyone can use it13 min · Interactive
v0.2: market Saturday15 min · Interactive
Unit 2 chestFinish every lesson in this unit+50 XP

Teyro Original · Chapter 1 free, then Teyro Pro

All courses

Coding · Beginner