Cross-Platform Mobile with React Native — Zero to Hero

3h total

Ship real iOS and Android apps from one React codebase. Starting from an Expo project, you'll learn the core native components (View, Text, Image, ScrollView) and how they differ from web React, styling and layout with Flexbox and StyleSheet, navigation with Expo Router, state and data fetching with loading/error states, persistent storage, high-performance lists with FlatList, native device APIs (camera, location, permissions), forms and gestures, and testing with React Native Testing Library — finishing by building and publishing a complete app. Assumes you already know React (hooks, JSX, state) from the React & Modern Frontend course; this one teaches the mobile/native layer on top.

Mobile React-NativeMobile CrossplatformFrontend Mobile

Includes:

Cheat sheet
Progress tracking
Audio narration
Mentor context

Outline

Enroll to unlock

1.
Why React Native, Expo, and Your First App
22 min3 lessons
1. Locked — enroll to unlock. What React Native is (and isn't)6 min
2. Locked — enroll to unlock. Expo and your first project8 min
3. Locked — enroll to unlock. The dev loop and your first component8 min
2.
Core Components and How They Differ from the Web
22 min3 lessons
1. Locked — enroll to unlock. View, Text, and everything is a component8 min
2. Locked — enroll to unlock. Images and scrolling content6 min
3. Locked — enroll to unlock. Handling touches with Pressable8 min
3.
Styling and Layout with Flexbox
20 min3 lessons
1. Locked — enroll to unlock. StyleSheet and the style prop6 min
2. Locked — enroll to unlock. Flexbox layout6 min
3. Locked — enroll to unlock. Responsive and platform-specific styling8 min
4.
Navigation with Expo Router
20 min3 lessons
1. Locked — enroll to unlock. File-based routing6 min
2. Locked — enroll to unlock. Stacks, tabs, and navigating6 min
3. Locked — enroll to unlock. Dynamic routes and params8 min
5.
State, Data Fetching, and Storage
20 min3 lessons
1. Locked — enroll to unlock. State and effects on mobile6 min
2. Locked — enroll to unlock. Loading, error, and empty states8 min
3. Locked — enroll to unlock. Persistent storage and pull-to-refresh6 min
6.
High-Performance Lists
18 min3 lessons
1. Locked — enroll to unlock. FlatList vs ScrollView vs map6 min
2. Locked — enroll to unlock. Keys, renderItem, and avoiding re-renders6 min
3. Locked — enroll to unlock. Advanced list performance6 min
7.
Native Device APIs and Permissions
20 min3 lessons
1. Locked — enroll to unlock. The permission model6 min
2. Locked — enroll to unlock. Using device APIs: camera and location8 min
3. Locked — enroll to unlock. Notifications, native modules, and the New Architecture6 min
8.
Forms, Gestures, and Testing
20 min3 lessons
1. Locked — enroll to unlock. Text input and the keyboard8 min
2. Locked — enroll to unlock. Gestures6 min
3. Locked — enroll to unlock. Testing and debugging6 min
9.
Build and Publish a Complete App
18 min3 lessons
1. Locked — enroll to unlock. The capstone app6 min
2. Locked — enroll to unlock. Building with EAS Build6 min
3. Locked — enroll to unlock. Submitting and updating6 min

Includes:

Cheat sheet
Progress tracking
Audio narration
Mentor context

Outline

Enroll to unlock

1.
Why React Native, Expo, and Your First App
22 min3 lessons
1. Locked — enroll to unlock. What React Native is (and isn't)6 min
2. Locked — enroll to unlock. Expo and your first project8 min
3. Locked — enroll to unlock. The dev loop and your first component8 min
2.
Core Components and How They Differ from the Web
22 min3 lessons
1. Locked — enroll to unlock. View, Text, and everything is a component8 min
2. Locked — enroll to unlock. Images and scrolling content6 min
3. Locked — enroll to unlock. Handling touches with Pressable8 min
3.
Styling and Layout with Flexbox
20 min3 lessons
1. Locked — enroll to unlock. StyleSheet and the style prop6 min
2. Locked — enroll to unlock. Flexbox layout6 min
3. Locked — enroll to unlock. Responsive and platform-specific styling8 min
4.
Navigation with Expo Router
20 min3 lessons
1. Locked — enroll to unlock. File-based routing6 min
2. Locked — enroll to unlock. Stacks, tabs, and navigating6 min
3. Locked — enroll to unlock. Dynamic routes and params8 min
5.
State, Data Fetching, and Storage
20 min3 lessons
1. Locked — enroll to unlock. State and effects on mobile6 min
2. Locked — enroll to unlock. Loading, error, and empty states8 min
3. Locked — enroll to unlock. Persistent storage and pull-to-refresh6 min
6.
High-Performance Lists
18 min3 lessons
1. Locked — enroll to unlock. FlatList vs ScrollView vs map6 min
2. Locked — enroll to unlock. Keys, renderItem, and avoiding re-renders6 min
3. Locked — enroll to unlock. Advanced list performance6 min
7.
Native Device APIs and Permissions
20 min3 lessons
1. Locked — enroll to unlock. The permission model6 min
2. Locked — enroll to unlock. Using device APIs: camera and location8 min
3. Locked — enroll to unlock. Notifications, native modules, and the New Architecture6 min
8.
Forms, Gestures, and Testing
20 min3 lessons
1. Locked — enroll to unlock. Text input and the keyboard8 min
2. Locked — enroll to unlock. Gestures6 min
3. Locked — enroll to unlock. Testing and debugging6 min
9.
Build and Publish a Complete App
18 min3 lessons
1. Locked — enroll to unlock. The capstone app6 min
2. Locked — enroll to unlock. Building with EAS Build6 min
3. Locked — enroll to unlock. Submitting and updating6 min

Outline

Why React Native, Expo, and Your First App

Core Components and How They Differ from the Web

Styling and Layout with Flexbox

Navigation with Expo Router

State, Data Fetching, and Storage

High-Performance Lists

Native Device APIs and Permissions

Forms, Gestures, and Testing

Build and Publish a Complete App

Outline

Why React Native, Expo, and Your First App

Core Components and How They Differ from the Web

Styling and Layout with Flexbox

Navigation with Expo Router

State, Data Fetching, and Storage

High-Performance Lists

Native Device APIs and Permissions

Forms, Gestures, and Testing

Build and Publish a Complete App