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

Please contact me via telegram

DMCA.com Protection Status