React Native - The Practical Guide [2025]
0% Completed
01 – Getting Started
Download Attachment
Reading
Lesson 001 Welcome To This Course & What To Expect!
Video - 00:1:5 mins
Lesson 002 What Is React Native
Video - 00:3:27 mins
Lesson 004 A Glance Under The Hood Of React Native
Video - 00:5:5 mins
Lesson 005 Creating React Native Projects Expo CLI vs React Native CLI
Video - 00:6:26 mins
Lesson 006 Creating a New React Native Project
Video - 00:4:39 mins
Lesson 007 Analyzing The Created Project
Video - 00:5:16 mins
Lesson 008 Running Our First App On A Real Device!
Video - 00:4:20 mins
Lesson 009 Setting Up A Local Development Environment
Video - 00:9:27 mins
Lesson 011 About This Course
Video - 00:6:54 mins
02 – React Native Basics [COURSE GOALS APP]
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:44 mins
Lesson 002 Exploring Core Components & Component Styling
Video - 00:7:52 mins
Lesson 003 Working With Core Components
Video - 00:7:00 mins
Lesson 004 Styling React Native Apps
Video - 00:10:13 mins
Lesson 006 Exploring Layouts & Flexbox
Video - 00:3:19 mins
Lesson 007 React Native & Flexbox
Video - 00:2:31 mins
Lesson 008 Using Flexbox To Create Layouts
Video - 00:5:8 mins
Lesson 009 Flexbox - A Deep Dive
Video - 00:12:19 mins
Lesson 011 Improving The Layout
Video - 00:7:12 mins
Lesson 012 Handling Events
Video - 00:7:29 mins
Lesson 013 Managing A List Of Course Goals (in our Demo App)
Video - 00:7:10 mins
Lesson 014 iOS & Android Styling Differences
Video - 00:8:50 mins
Lesson 015 Making Content Scrollable with ScrollView
Video - 00:6:15 mins
Lesson 016 Optimizing Lists with FlatList
Video - 00:13:41 mins
Lesson 018 Splitting Components Into Smaller Components
Video - 00:5:11 mins
Lesson 019 Utilizing Props
Video - 00:2:33 mins
Lesson 020 Working on the Goal Input Component
Video - 00:9:40 mins
Lesson 021 Handling Taps with the Pressable Component
Video - 00:3:34 mins
Lesson 022 Making Items Deletable & Using IDs
Video - 00:5:18 mins
Lesson 023 Adding an Android Ripple Effect & an iOS Alternative
Video - 00:4:52 mins
Lesson 024 Adding a Modal Screen
Video - 00:6:57 mins
Lesson 025 Styling the Modal Overlay
Video - 00:5:41 mins
Lesson 026 Opening & Closing the Modal
Video - 00:2:30 mins
Lesson 027 Working with Images & Changing Colors
Video - 00:6:4 mins
Lesson 028 App Finishing Touches
Video - 00:7:15 mins
Lesson 029 Module Summary
Video - 00:3:32 mins
03 – Debugging React Native Apps (Introduction)
Lesson 001 Module Introduction
Video - 00:1:17 mins
Lesson 002 Handling Errors
Video - 00:4:37 mins
Lesson 003 Logging to the Console
Video - 00:1:52 mins
Lesson 004 Debugging JavaScript Remotely
Video - 00:3:5 mins
Lesson 005 Using the React DevTools
Video - 00:3:27 mins
Lesson 006 Using the Documentation
Video - 00:00:34 mins
04 – Diving Deeper into Components, Layouts & Styling – Building a Mini-Game App
Download Attachment
Reading
Lesson 001 Module Introduction & What We'll Build
Video - 00:2:6 mins
Lesson 002 Starting Setup & Analyzing the Target App
Video - 00:3:3 mins
Lesson 003 Setting Up our Screen Components
Video - 00:5:40 mins
Lesson 004 Creating Custom Buttons
Video - 00:6:58 mins
Lesson 005 Styling for Android & iOS
Video - 00:11:16 mins
Lesson 006 Styling the Number Input Element
Video - 00:6:52 mins
Lesson 007 Configuring the TextInput Field
Video - 00:3:21 mins
Lesson 008 Adding Visual Feedback to the Buttons
Video - 00:15:46 mins
Lesson 009 Improving the Buttons
Video - 00:7:38 mins
Lesson 010 Coloring the Components & The Overall App
Video - 00:3:19 mins
Lesson 011 Adding a Linear Gradient
Video - 00:4:2 mins
Lesson 012 Adding a Background Image
Video - 00:7:3 mins
Lesson 013 Getting Started with the Game Logic
Video - 00:7:10 mins
Lesson 014 Handling User Input & Showing an Alert Dialog
Video - 00:7:30 mins
Lesson 015 Switching Screens Programmatically
Video - 00:7:11 mins
Lesson 016 Starting Work on the Game Screen
Video - 00:4:45 mins
Lesson 017 Respecting Device Screen Restrictions with the SafeAreaView
Video - 00:3:6 mins
Lesson 018 Creating a Title Component
Video - 00:4:37 mins
Lesson 019 Managing Colors Globally
Video - 00:6:53 mins
Lesson 020 Creating, Using & Displaying Random Numbers
Video - 00:12:43 mins
Lesson 021 Adding Game Control Buttons (+ & -) to the App
Video - 00:15:27 mins
Lesson 022 Checking for Game Over
Video - 00:11:12 mins
Lesson 023 Improving the Game Screen Visuals
Video - 00:11:40 mins
Lesson 024 Using Cascading Styles
Video - 00:5:45 mins
Lesson 025 Working with Icons (Button Icons)
Video - 00:4:8 mins
Lesson 026 Adding & Using Custom Fonts with React Native Apps
Video - 00:7:3 mins
Lesson 027 Adding a (Foreground) Image
Video - 00:9:2 mins
Lesson 028 Using & Styling Nested Text
Video - 00:4:52 mins
Lesson 029 Adding Logic to (Re-)Start Games & Displaying a Summary Screen
Video - 00:6:58 mins
Lesson 030 Logging Game Rounds
Video - 00:5:51 mins
Lesson 031 Outputting Log Data with FlatList
Video - 00:2:50 mins
Lesson 032 Styling the Game Round Logs
Video - 00:8:10 mins
Lesson 033 Finishing Touches
Video - 00:4:33 mins
Lesson 034 Module Summary
Video - 00:2:56 mins
05 – Building Adaptive User Interfaces (Adapt to Platform & Device Sizes)
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:4:5 mins
Lesson 002 Setting Dynamic Widths
Video - 00:4:29 mins
Lesson 003 Introducing the Dimensions API
Video - 00:6:39 mins
Lesson 004 Adjusting Image Sizes with the Dimensions API
Video - 00:4:4 mins
Lesson 005 Understanding Screen Orientation Problems
Video - 00:3:16 mins
Lesson 006 Setting Sizes Dynamically (for different Orientations)
Video - 00:7:56 mins
Lesson 007 Managing Screen Content with KeyboardAvoidingView
Video - 00:5:49 mins
Lesson 008 Improving the Landscape Mode UI
Video - 00:7:54 mins
Lesson 010 Further Improvements with useWindowDimensions
Video - 00:4:35 mins
Lesson 011 Writing Platform-specific Code with the Platform API
Video - 00:8:59 mins
Lesson 012 Styling the Status Bar
Video - 00:2:8 mins
06 – React Native Navigation with React Navigation [MEALS APP]
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:28 mins
Lesson 002 What Is Navigation
Video - 00:4:21 mins
Lesson 003 Getting Started with the App & Outputting Meal Categories
Video - 00:9:31 mins
Lesson 004 Displaying Items in a Grid
Video - 00:14:28 mins
Lesson 005 Getting Started with the React Navigation Package
Video - 00:9:44 mins
Lesson 006 Implementing Navigation Between Two Screens
Video - 00:8:30 mins
Lesson 008 Understanding the useNavigation Hook
Video - 00:3:38 mins
Lesson 009 Working with Route Parameters To Pass Data Between Screens
Video - 00:6:36 mins
Lesson 010 Displaying Meals
Video - 00:7:51 mins
Lesson 011 Adding Images & Styling
Video - 00:17:11 mins
Lesson 012 Styling Screen Headers & Backgrounds
Video - 00:7:59 mins
Lesson 013 Setting Navigation Options Dynamically
Video - 00:9:4 mins
Lesson 014 Adding & Configuring the Meal Details Screen
Video - 00:8:57 mins
Lesson 015 Outputting Content in the Meal Detail Screen
Video - 00:9:24 mins
Lesson 016 Finishing the Meal Detail Screen
Video - 00:18:57 mins
Lesson 017 Adding Header Buttons
Video - 00:6:55 mins
Lesson 018 Adding an Icon Button to a Header
Video - 00:4:50 mins
Lesson 019 Adding Drawer Navigation & Creating a Drawer
Video - 00:9:32 mins
Lesson 020 Configuring the Drawer Navigator & The Drawer
Video - 00:10:9 mins
Lesson 021 Adding, Configuring & Using Bottom Tabs
Video - 00:6:30 mins
Lesson 022 Nesting Navigators
Video - 00:13:4 mins
Lesson 023 App Finishing Touches
Video - 00:3:52 mins
Lesson 024 Module Summary
Video - 00:2:43 mins
07 – App-wide State Management with Redux & Context API
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:3:4 mins
Lesson 002 Getting Started with React's Context API
Video - 00:5:22 mins
Lesson 003 Managing App-wide State with Context
Video - 00:4:59 mins
Lesson 004 Using the Created Context with useContext
Video - 00:5:11 mins
Lesson 005 Managing Favorite Meals with the Context API
Video - 00:9:39 mins
Lesson 006 Getting Started with Redux & Redux Toolkit
Video - 00:4:45 mins
Lesson 007 Working with Redux Slices
Video - 00:7:2 mins
Lesson 008 Managing Redux State & Dispatching Actions
Video - 00:5:13 mins
Lesson 009 Using Redux State in Components
Video - 00:1:45 mins
Lesson 010 Module Summary
Video - 00:1:16 mins
08 – Time To Practice – The Expense Tracker App
Download Attachment
Reading
Lesson 001 Module Introduction & What We'll Build
Video - 00:2:21 mins
Lesson 002 The Starting Setup
Video - 00:6:17 mins
Lesson 003 Adding Navigation (with React Navigation) & Configuring Navigation
Video - 00:8:28 mins
Lesson 004 Adding Global Colors & Editing Navigation Configuration
Video - 00:10:3 mins
Lesson 005 Creating Key App Components to Display Expenses
Video - 00:6:17 mins
Lesson 006 Continuing Work on the Expense-related Components
Video - 00:6:48 mins
Lesson 007 Adding Dummy Expense Data
Video - 00:5:37 mins
Lesson 008 Outputting a List of Expenses
Video - 00:4:45 mins
Lesson 009 Improving App Layout & Styling
Video - 00:7:50 mins
Lesson 010 Working on Expense List Items
Video - 00:13:24 mins
Lesson 011 Formatting Dates
Video - 00:4:41 mins
Lesson 012 Adding a Header Button & Making Expense Items Tappable
Video - 00:11:32 mins
Lesson 013 Navigating Programmatically Between Screens
Video - 00:5:16 mins
Lesson 014 Styling The Expense Management Screen
Video - 00:3:6 mins
Lesson 015 Supporting Different Editing Modes & Using Route Parameters
Video - 00:7:00 mins
Lesson 016 Adding a Delete Button
Video - 00:5:34 mins
Lesson 017 Adding Custom Buttons
Video - 00:9:40 mins
Lesson 018 Closing A Modal Programmatically
Video - 00:3:21 mins
Lesson 019 Managing App-wide State With Context
Video - 00:18:17 mins
Lesson 020 Using Context From Inside Components
Video - 00:8:19 mins
Lesson 021 Deleting & Updating Expenses
Video - 00:6:32 mins
Lesson 022 Finishing Touches
Video - 00:4:25 mins
09 – Handling User Input
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:26 mins
Lesson 002 Building a Custom Input Component
Video - 00:8:34 mins
Lesson 003 Creating an Overall Form
Video - 00:5:57 mins
Lesson 004 Configuring the Form Input Elements
Video - 00:4:9 mins
Lesson 005 Adding Styling
Video - 00:7:40 mins
Lesson 006 Setting the Form Layout
Video - 00:6:41 mins
Lesson 007 Handling User Input in a Generic Way
Video - 00:9:56 mins
Lesson 008 Managing Form State & Submission
Video - 00:4:54 mins
Lesson 009 Working with Entered Data
Video - 00:5:20 mins
Lesson 010 Setting & Using Default Values
Video - 00:7:8 mins
Lesson 011 Adding Validation
Video - 00:6:38 mins
Lesson 012 Providing Visual Validation Feedback
Video - 00:9:18 mins
Lesson 013 Adding Error Styling
Video - 00:4:54 mins
Lesson 014 Module Summary
Video - 00:1:41 mins
10 – Sending Http Requests
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:2:22 mins
Lesson 002 Backend Setup (Firebase)
Video - 00:3:29 mins
Lesson 003 Installing Axios
Video - 00:2:12 mins
Lesson 004 Sending POST Http Requests
Video - 00:6:34 mins
Lesson 005 Fetching Backend Data (GET Requests)
Video - 00:9:25 mins
Lesson 006 Transforming & Using Fetched Data
Video - 00:8:19 mins
Lesson 007 Using Response Data from POST Requests
Video - 00:5:43 mins
Lesson 008 Updating & Deleting Backend Data (UPDATE & DELETE Requests)
Video - 00:7:50 mins
Lesson 009 Managing the Loading State
Video - 00:8:57 mins
Lesson 010 Handling Request Errors
Video - 00:12:2 mins
Lesson 011 Module Summary
Video - 00:00:58 mins
11 – User Authentication
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:59 mins
Lesson 002 Demo App Walkthrough
Video - 00:3:56 mins
Lesson 003 How Does Authentication Work
Video - 00:2:58 mins
Lesson 004 Backend Setup
Video - 00:5:35 mins
Lesson 005 Controlling Signup & Login Screens
Video - 00:4:39 mins
Lesson 006 Sending Authentication Requests to the Backend
Video - 00:5:19 mins
Lesson 007 Creating New Users
Video - 00:5:39 mins
Lesson 008 Logging Users In
Video - 00:6:31 mins
Lesson 009 Authentication Error Handling
Video - 00:3:49 mins
Lesson 010 Storing & Managing the User Authentication State (with Context)
Video - 00:7:13 mins
Lesson 011 Extracting the Authentication Token
Video - 00:4:16 mins
Lesson 012 Protecting Screens
Video - 00:6:57 mins
Lesson 013 Adding a Logout Functionality
Video - 00:3:38 mins
Lesson 014 Accessing Protected Resources
Video - 00:10:17 mins
Lesson 015 Storing Auth Tokens on the Device & Logging Users In Automatically
Video - 00:11:46 mins
Lesson 017 Module Summary
Video - 00:2:13 mins
12 – Using Native Device Features (Camera, Location & More)
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:2:37 mins
Lesson 002 Adding a Favorite Places List
Video - 00:8:54 mins
Lesson 003 Editing the Favorite Place Items
Video - 00:7:59 mins
Lesson 004 Adding an Add Place Screen + Navigation
Video - 00:6:34 mins
Lesson 005 Adding a Header Button
Video - 00:7:17 mins
Lesson 006 Global Colors & Styling
Video - 00:5:3 mins
Lesson 007 Getting Started with a Custom Form
Video - 00:5:59 mins
Lesson 008 Adding & Configuring the Camera Package (for Native Camera Access)
Video - 00:6:19 mins
Lesson 009 Taking Photos on Android
Video - 00:6:8 mins
Lesson 010 Taking Photos on iOS + Managing Permissions
Video - 00:8:28 mins
Lesson 011 Showing an Image Preview
Video - 00:6:41 mins
Lesson 012 Creating a Custom Button
Video - 00:6:1 mins
Lesson 013 Getting Started with the Location Picker
Video - 00:5:33 mins
Lesson 014 Locating Users
Video - 00:9:6 mins
Lesson 015 Adding a Location Preview Map
Video - 00:12:25 mins
Lesson 016 Adding an Interactive Map (Google Maps & Apple Maps)
Video - 00:8:32 mins
Lesson 017 Allowing Map Interaction & Adding Markers
Video - 00:5:10 mins
Lesson 018 Confirming Picked Locations
Video - 00:7:39 mins
Lesson 019 Previewing Picked Locations
Video - 00:9:15 mins
Lesson 020 Adding a Form Submit Button
Video - 00:4:44 mins
Lesson 021 Managing Location & Image State in the Form
Video - 00:9:30 mins
Lesson 022 Converting Picked Locations to Human-Readable Addresses
Video - 00:9:45 mins
Lesson 023 Passing Entered Data to the AllPlaces Screen
Video - 00:5:20 mins
Lesson 024 Outputting a List Of Places
Video - 00:4:39 mins
Lesson 025 Styling Place Items
Video - 00:6:29 mins
Lesson 026 SQLite Getting Started & Initialization
Video - 00:16:11 mins
Lesson 027 Preparing Code to Insert Data into the SQLite Database
Video - 00:7:9 mins
Lesson 028 Inserting Places into the Database
Video - 00:3:17 mins
Lesson 029 Fetching Places from the Database
Video - 00:9:35 mins
Lesson 030 Adding the Place Details Screen
Video - 00:9:15 mins
Lesson 031 Fetching Place Detail Data from the Database
Video - 00:8:36 mins
Lesson 032 Showing a Readonly Map
Video - 00:9:9 mins
Lesson 033 Module Summary
Video - 00:2:28 mins
13 – Building React Native Apps Without Expo
Lesson 001 Module Introduction
Video - 00:1:30 mins
Lesson 002 How Exactly Does Expo Work
Video - 00:4:20 mins
Lesson 003 Expo Alternatives
Video - 00:5:34 mins
Lesson 004 Setting Up Our System
Video - 00:4:43 mins
Lesson 005 Using Expo's Bare Workflow
Video - 00:7:48 mins
Lesson 006 Using Native Device Features with the Bare Workflow
Video - 00:7:26 mins
Lesson 007 Ejecting To The Bare Workflow
Video - 00:5:41 mins
Lesson 008 Creating Projects with the React Native CLI (no Expo)
Video - 00:7:11 mins
Lesson 009 Non-Expo Apps & Native Device Features
Video - 00:3:27 mins
Lesson 010 Module Summary
Video - 00:1:51 mins
14 – Publishing React Native Apps
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:36 mins
Lesson 002 Publishing Apps An Overview
Video - 00:4:5 mins
Lesson 003 Key Configuration Items & Considerations
Video - 00:2:30 mins
Lesson 004 Configuring App Names & Versions
Video - 00:8:16 mins
Lesson 005 A Quick Note About Environment Variables
Video - 00:1:51 mins
Lesson 006 Adding Icons & A Splash Screen
Video - 00:3:40 mins
Lesson 007 Building Expo Apps with EAS
Video - 00:14:31 mins
Lesson 008 EAS for iOS (even on Windows Devices)
Video - 00:16:46 mins
Lesson 009 Building for iOS Without Expo
Video - 00:10:23 mins
Lesson 010 Building for Android Without Expo
Video - 00:7:21 mins
15 – Push Notifications
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:2 mins
Lesson 002 What are (Local) Notifications
Video - 00:2:8 mins
Lesson 003 Adding the Expo Notification Package
Video - 00:6:11 mins
Lesson 004 Scheduling Notifications
Video - 00:6:5 mins
Lesson 006 Handling Incoming Notifications
Video - 00:5:22 mins
Lesson 008 Reacting To Incoming Notifications
Video - 00:7:10 mins
Lesson 009 Reacting To User Interaction With Incoming Notifications
Video - 00:4:51 mins
Lesson 010 Understanding Push Notifications
Video - 00:6:40 mins
Lesson 011 Push Notifications Setup
Video - 00:5:13 mins
Lesson 012 Using the Push Token
Video - 00:8:54 mins
Lesson 013 Sending Push Notifications
Video - 00:8:42 mins
Lesson 014 Module Summary
Video - 00:2:24 mins
16 – Course Roundup
17 – Bonus JavaScript Refresher
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:36 mins
Lesson 002 JavaScript - A Summary
Video - 00:2:35 mins
Lesson 004 Core Syntax Refresher
Video - 00:4:34 mins
Lesson 005 let & const
Video - 00:2:28 mins
Lesson 006 Arrow Functions
Video - 00:5:17 mins
Lesson 007 Objects Properties & Methods
Video - 00:3:19 mins
Lesson 008 Arrays & Array Methods
Video - 00:4:16 mins
Lesson 009 Arrays, Objects & Reference Types
Video - 00:2:13 mins
Lesson 010 Spread Operator & Rest Parameters
Video - 00:6:41 mins
Lesson 011 Destructuring
Video - 00:5:37 mins
Lesson 012 Async Code & Promises
Video - 00:10:28 mins
Lesson 013 Wrap Up
Video - 00:00:50 mins
18 – Bonus React.js Refresher
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:12 mins
Lesson 002 What is React
Video - 00:3:13 mins
Lesson 003 A Starting Project
Video - 00:4:3 mins
Lesson 004 Understanding JSX
Video - 00:5:31 mins
Lesson 005 Understanding Components
Video - 00:2:50 mins
Lesson 006 Working with Multiple Components
Video - 00:7:4 mins
Lesson 007 Working with Props
Video - 00:6:52 mins
Lesson 008 Rendering Lists of Data
Video - 00:4:30 mins
Lesson 009 Handling Events
Video - 00:7:24 mins
Lesson 010 Parent-Child Communication
Video - 00:4:38 mins
Lesson 011 Managing State
Video - 00:5:54 mins
Lesson 012 More on State
Video - 00:4:20 mins
Lesson 013 User Input & Two-Way Binding
Video - 00:5:52 mins
Lesson 014 Wrap Up
Video - 00:2:11 mins
Download Vietnamese subtitle: Click here
Download English subtitle: Click here
Finish Course Early?
You have not completed all required lessons and assessments.
Your Progress
0%
