React Native: From Zero to Hero

Overview

Mission

pro

115 videos 12 hrs 58 mins

Intro to Zero to Hero
7min
What is React Native?
5min
Preparing your Environment
3min
Create and run your first Expo app
8min
Core React Native Components
5min
How JSX and Styling works
4min
Navigation with Expo Router
7min
Storing Data in your app
3min
Create and build the Swapi App
4min
Building a Tab Bar
11min
Working with JSON data and FlatList
11min
Refactoring to React Components
11min
Navigation with inside Stack
6min
Fetch and display Detail Data
8min
Storing Data with AsyncStorage
8min
Test your knowledge

Intro to Module 2
2min
The Drawer Navigation
2min
Lists in React Native
3min
SQLite with React Native
3min
Native Modules & Permissions
7min
App Setup and Drawer Menu
8min
Working with Expo SQLite
15min
Display & Remove SQLite Data
8min
Debugging SQLite
5min
Custom Drawer Navigation
18min
Defining the Tasks Page
9min
Navigating to Details
11min
Save and update Tasks
8min
Using the ImagePicker Module
6min
Adding Local Notifications
7min
Note: Drizzle ORM for Expo
1min
Test your knowledge

Intro to Module 3
4min
Expo Prebuild
6min
React Native Debugging & Error Monitoring
5min
React Native List problems
2min
Modern State Management
4min
Animations & Gestures
3min
App Setup and Prebuild
8min
Fetching Data with TanStack Query
9min
Display data with FlashList
11min
Filter & Search Data
12min
Using a Loading Shimmer
7min
Showing Product details
9min
Cart State Management with Zustand
9min
Persisting state with MMKV
10min
Building a Cart Modal
15min
Working with Gestures
7min
Adding Animations
8min
Monitoring with Sentry Session Replays
13min
Deeplinks to Products
6min
Test your knowledge

Intro to Module 4
3min
App Security with JWT
3min
Better Form Management
3min
New React Native Concepts
3min
About the API
3min
App Setup and Dependencies
6min
Registration with Form Validation
24min
Building the Login
8min
Auth Context with JWT
15min
Protecting Pages with Authentication
13min
Post Messages with Mutations
20min
Load and Update List Data
16min
Navigation and Update Data
23min
Adding a Custom Font
4min
Platform Specific Files
3min
Supporting Dark Mode
4min
Uploading Files to the API
13min
Test your knowledge

Intro to Module 5
5min
Expo Modules & Config Plugins
2min
About Push Notifications
4min
Expo Application Services (EAS)
4min
In App Purchases & Subscriptions
2min
Local Expo Modules
5min
Working with Swift and Xcode
4min
Working with Kotlin and Android Studio
4min
Setting up Push Notifications
4min
Configure Push for iOS
7min
Configure Push for Android
10min
Handling Notifications
6min
Native iOS Builds with EAS
4min
Native Android Builds with EAS
6min
Creating iOS Subscriptios for RevenueCat
7min
Creating Android Subscriptios for RevenueCat
9min
Configure RevenueCat Products & Paywall
6min
Display a Paywall in your App
10min
Releasing your React Native App
4min
Test your knowledge

Intro to Module 6
5min
NativeWind Styling
2min
Expo Cutting Edge
4min
Drizzle ORM for SQLite
2min
Expo Audio Handling
2min
Clerk User Management
2min
Universal React Native Apps
4min
App Setup with NativeWind
6min
Building the App Login
15min
Creating the Register Page
5min
User Authentication with Clerk
18min
Handling Authentication State
9min
Setting up Drizzle and Migrations
17min
Record Audio Notes
9min
Save and display Notes from the DB
18min
Using Expo API Routes
11min
Deploying a website with EAS Hosting
6min
Test your knowledge

The Road Ahead
1min
React Native Styling Alternatives
4min
Smart Backend Choices
2min
Landscape of Native Modules
3min
React Native Server Components
2min
The End & Your Start
2min

Loading video

Auto play

📖What is React Native?

5 mins

Episode description

React Native is a popular framework for building mobile applications using React. It allows developers to build native apps for iOS and Android using the same codebase.

Help

Get help & improve this episode

If you have a question or see a mistake, you can make an issue in our Github project and get help. We want to make sure everyone gets help if they are having issues, and that any issues with the content get addressed right away. Clicking the link will create create & auto populate a new issue your you.

Create an issue Discuss on Discord