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/5
Download Resource Files
001 How to Get Help
00:52
004 Course Overview
03:19
007 App Setup
07:02
008 Making Changes
04:09
02 – Working with Content
0/8
Download Resource Files
001 Overview of React Components
08:50
002 Showing a Custom Component
04:08
003 Common Questions and Answers
07:08
004 Rules of JSX
05:50
005 One Common Error
01:45
006 JSX Exercise Overview
01:46
007 JSX Solution
02:40
03 – List Building – With Style!
0/9
Download Resource Files
001 Building Lists
02:24
002 The FlatList Element
02:24
003 Rendering a FlatList
05:12
004 Why a Key Property
04:11
005 Solving the Key Issue
05:18
006 A Few Props Around FlatList
04:57
007 Exercise Overview
00:53
008 Exercise Solution
02:14
04 – Navigating Users Between Screens
0/6
Download Resource Files
001 Button Types
03:44
002 Buttons in Action
05:20
003 Touchable Opacity in Action
04:18
004 Navigating with React Navigation
06:46
005 Destructuring Props
04:03
05 – Building Reusable Components
0/9
Download Resource Files
001 Component Reuse with Props
03:35
002 Exercise Solution
01:49
003 Parent-Child Relationships
05:07
004 Communicating from Parent to Child
05:44
006 Showing Images
04:07
007 Passing Images as Props
04:14
008 Exercise Outline
00:47
009 Exercise Solution
02:27
06 – State Management in React Components
0/31
Download Resource Files
001 State in Components
05:35
002 Screen Boilerplate
03:14
003 State in Action
09:45
004 Notes on State
07:00
005 App Overview
05:06
006 Generating Random Colors
04:27
007 Adding Random Colors
04:48
008 Showing Colors with a FlatList
03:33
009 App Overview
04:43
010 Reusable Color Adjusters
06:14
011 Coordinating State
05:31
012 Passing Callbacks to Children
06:21
013 Tying State Values Together
07:16
014 Validating State Changes
07:56
015 Reusable State Updates
07:34
016 Introduction to Reducers
08:39
017 Creating a Reducer_part1
07:30
017 Creating a Reducer_part2
07:30
018 Applying State with a Reducer
08:55
019 Restoring Validation
07:00
020 Community Convention in Reducers
06:50
021 Exercise Outline
01:16
022 Exercise Solution
10:56
023 Handling Text Input
03:22
024 Showing a Text Input
03:28
025 Two Important Props
04:16
026 Weird Things with Text and State
06:11
027 Updating State
04:52
028 Exercise Outline
02:28
029 Exercise Solution
02:34
07 – How to Handle Screen Layout
0/14
Download Resource Files
001 Layout with React Native
03:49
002 Basics of Box Object Model
05:55
003 AlignItems with Flex
04:34
004 Flex Direction
03:48
005 Justify Content
02:56
006 Flex Values
05:08
007 Align Self on Children
02:24
008 The Position Property
02:33
009 Top, Bottom, Left, Right
03:01
010 Absolute Fill Objects
02:46
011 Applying Layout Systems
01:52
012 Exercise Overview
01:13
013 Exercise Solution
06:18
08 – Putting It All Together – Restaurant Search App
0/14
Download Resource Files
001 App Overview
01:36
003 Project Generation
02:40
005 Yelp Signup
04:40
006 Yelp Walkthrough
04:16
007 React Navigation
03:06
009 Assembling a Navigator
06:58
010 Architecture Approach
02:47
011 Starting the SearchBar
04:11
012 Displaying Icons
05:48
013 Search Bar Styling
04:08
014 A Touch More Styling
03:52
015 Managing State
06:42
016 Detecting Editing Completion
04:04
09 – Using Outside API’s
0/6
Download Resource Files
001 Configuring Axios
06:59
002 Making the Request_part1
05:18
002 Making the Request_part2
05:18
003 Error Handling
07:30
004 Running an Initial Search
06:18
10 – Making Hooks Reusable
0/6
Download Resource Files
001 The useEffect Hook
04:13
002 Extracting Hook Logic
07:34
003 Showing Search Results
05:57
004 Grouping Results
07:10
005 FlatList Rendering
03:58
11 – Navigation with Parameters
0/15
Download Resource Files
001 Showing a Single Result
04:27
002 Showing Additional Info
05:42
003 A Few More Styling Issues
07:00
004 Hiding Scroll Bars
02:38
005 Constraining View Elements
02:57
006 Empty Elements
02:39
007 Spacing on the Search Bar
01:40
008 Reminder on Navigation
04:48
009 Navigating from a Child Component
03:18
010 The WithNavigation Helper
03:24
011 Communicating Between Screens
03:44
012 Fetching a Single Restaurant
05:54
013 Showing a List of Images
04:12
014 One Last Fix
02:21
12 – Advanced State Management with Context
0/38
Download Resource Files
002 App Overview
03:09
003 Issues with Data
05:45
005 Initial Setup
05:19
006 Wrapping the Navigator
02:41
007 Introduction to Context
02:19
008 Adding Context
05:59
009 Moving Data with Context
06:04
010 Rendering a List of Posts
03:55
011 Adding State in Context
07:54
012 It Works!
04:05
013 Opportunity for Improvement
02:11
014 Updating with UseReducer
09:32
015 Automating Context Creation_part1
06:06
015 Automating Context Creation_part2
06:06
016 More Automatic Context Creation_part1
04:36
016 More Automatic Context Creation_part2
04:36
017 A Bit of Styling
07:17
018 Deleting Posts
03:46
019 Updating the Reducer
05:52
020 Navigation on Tap
05:00
021 Retrieving Single Posts
05:00
022 Adding a Creation Screen
02:15
024 Header Navigation
04:58
025 Displaying a Form
06:51
026 Saving a New Post
04:41
027 Navigation on Save
06:19
029 The Edit Icon Link
04:49
030 Communicating Info to Edit
06:15
031 Initializing State from Context
05:38
032 Extracting Form Logic_part1
04:32
032 Extracting Form Logic_part2
04:32
033 Customizing OnSubmit
04:24
034 Initial Form Values
04:59
035 Default Props
02:28
036 Editing Action Function
04:59
037 Editing in a Reducer
03:38
038 Navigating Backwards
04:15
13 – Data API Sync
0/13
Download Resource Files
001 Outside Data API
02:09
002 Issues with Servers + React Native
03:12
004 JSON Server and Ngrok Setup
06:43
005 JSON Server REST Conventions
03:48
006 Making a Request_part1
05:08
006 Making a Request_part2
05:08
007 Remote Fetch of Posts
05:55
008 Creating Posts with Post Requests
03:53
009 Refetching on Navigate
05:59
010 Deleting a Post
02:33
011 Editing Posts
01:38
012 App Wrapup
03:21
14 – Building a Custom Express API
0/24
Download Resource Files
001 App Overview
04:30
002 Dependencies Setup
02:06
003 The Basics of Express
03:44
004 MongoDB Setup
03:37
005 Connecting to MongoDB
06:36
006 Nodemon for Automatic Restarts
01:18
007 Understanding the Signup Process
05:31
008 Using Postman
02:46
009 Handling JSON Data
05:25
010 Defining a User Schema
07:09
011 Creating and Saving a User
04:37
012 Error Handling
05:43
013 JSON Web Tokens
07:12
014 Creating a JWT
02:48
015 Wiring Up JSON Web Tokens_part1
06:30
015 Wiring Up JSON Web Tokens_part2
06:30
016 Understanding Password Hashing
08:18
017 Salting and Hashing
08:35
018 The Signin Route
06:42
019 Testing Signup and Signin
03:23
020 Defining Tracks
06:59
021 Listing Tracks
07:47
022 Creating Tracks
10:00
15 – In-App Authentication
0/75
Download Resource Files
002 Server Setup
08:25
004 Navigation Design_part1
05:37
004 Navigation Design_part2
05:37
006 A LOT of Boilerplate
07:24
007 Navigator Hookup
07:44
008 Testing the Navigation Flow
06:28
009 React Native Elements
05:19
010 Helper Styling Components
08:59
012 Styling Odds and Ends
06:39
013 Input Props
04:39
014 The Auth Context
10:43
015 What’s the Context Doing
07:36
016 Axios Setup
05:31
017 Making an API Request_part1
04:52
017 Making an API Request_part2
04:52
018 Handling Errored Requests
07:43
019 Async Storage
04:22
021 Storing the Token
06:31
022 Navigation From Outside of React_part1
06:35
022 Navigation From Outside of React_part2
06:35
023 Oops, Typo
00:50
024 Navigation to Signin
03:37
025 Extracting Form Logic_part1
04:52
025 Extracting Form Logic_part2
04:52
026 Last Bit of Extracting
04:31
027 Creating a NavLink
06:56
029 Real Component Reuse!
05:09
030 Wiring Up Signin
08:02
032 Clearing Error Messages_part1
05:32
032 Clearing Error Messages_part2
05:32
033 Automatic Signin
05:36
034 Empty Screens While Resolving Auth
07:22
035 Signing Out a User
07:01
036 Safe Area Views
02:10
037 Working on Track Create
05:03
039 Showing a Map
04:58
040 Drawing a Series of Points
04:37
041 Notes on Location
04:13
044 Requesting Location Permissions
06:39
045 Resetting Permissions
04:22
046 How to Test Location
03:45
047 Faking the Users Location
06:08
048 Reading a Location
04:05
049 Bugginess with Location
03:19
050 Location Architecture
03:52
051 Location Context
04:20
052 Live Location Updates_part1
06:53
052 Live Location Updates_part2
06:53
054 Drawing a Position Indicator
04:09
055 Extracting Logic to a Hook
08:27
056 Disabling Location Tracking
04:18
057 Automatic Disables
08:29
058 Building a Track Form
03:49
059 Updates to Location Context
08:41
060 Track Form Wire Up
05:49
061 Buggy UseEffects
08:30
062 Understanding Stale References_part1
06:21
062 Understanding Stale References_part2
06:21
064 Kind of Fixed
06:57
065 The UseCallback Hook
07:06
066 Cleaning Up After Ourselves
06:04
067 Avoiding Stale References
07:15
068 Tracking While Recording
02:18
069 Bring Back the Polyline
03:38
070 What Manages Tracks
07:54
071 Coordination Between Contexts
07:42
073 Automatic Authentication_part1
05:13
073 Automatic Authentication_part2
05:13
074 Form Reset and Navigation
07:24
075 Fetching Created Tracks
02:06
077 Listing All Tracks
07:25
078 Navigating to a Saved Track
05:09
079 Showing Track Details
05:21
080 Fixing Odds and Ends
08:47
16 – Important – OLD VERSION OF COURSE – Do Not Skip
0/1
Download Resource Files
17 – Working with Old Versions of React Native
0/165
Download Resource Files
003 OSX Installation
06:02
004 More on OSX Installation
05:25
005 Running in the Simulator
02:12
006 Windows Setup of React Native
06:31
007 Android Studio and React Native CLI Installation
05:12
008 Emulator Creation and System Variables_part1
07:28
008 Emulator Creation and System Variables_part2_part1
03:44
008 Emulator Creation and System Variables_part2_part2
03:43
009 ESLint Setup with VSCode
03:37
011 Project Directory Walkthrough
02:16
012 Getting Content on the Screen
03:17
013 React vs React Native
03:11
014 Creating a Component with JSX
06:16
015 Registering a Component
03:45
016 Destructuring Imports
05:25
017 Application Outline
04:47
018 The Header Component
08:29
019 Consuming File Exports
06:50
020 Styling with React Native
04:33
021 More on Styling Components
04:51
022 Introduction to Flexbox
05:24
023 Header Styling
04:23
024 Making the Header Reusable
07:18
025 Sourcing Album Data
04:51
026 List Component Boilerplate
06:07
027 Class Based Components
07:26
028 Lifecycle Methods
06:40
030 Network Requests
08:11
031 Component Level State
08:57
032 More on Component Level State
06:53
033 Rendering a List of Components
05:55
034 Displaying Individual Albums
09:30
035 Fantastic Reusable Components – The Card
05:25
036 Styling a Card
06:05
037 Passing Components as Props
04:12
038 Dividing Cards into Sections
08:23
039 Mastering Layout with Flexbox
05:12
040 Positioning of Elements on Mobile
05:20
041 More on Styling
04:27
042 Images with React Native
07:35
043 Displaying Album Artwork
08:40
044 Making Content Scrollable
04:30
045 Handling User Input with Buttons_part1
03:55
045 Handling User Input with Buttons_part2
03:55
046 Styling of Buttons with UX Considerations
05:28
047 Responding to User Input
07:18
048 Linking Between Mobile Apps
04:20
049 Setting Button Text by Props
02:29
050 App Wrapup
03:07
051 Auth App Introduction
04:45
052 A Common Root Component
04:27
053 Copying Reusable Components
11:21
054 What is Firebase
05:17
055 Firebase Client Setup
04:47
056 Login Form Scaffolding
06:10
057 Handling User Inputs
03:20
058 More on Handling User Inputs
03:18
059 How to Create Controlled Components
04:30
060 Making Text Inputs From Scratch
04:14
061 A Focus on Passing Props
05:01
062 Making the Input Pretty
06:00
063 Wrapping up Inputs
07:15
064 Password Inputs
08:35
065 Logging a User In
05:35
066 Error Handling
07:18
067 More on Authentication Flow
07:30
068 Creating an Activity Spinner
04:59
069 Conditional Rendering of JSX
06:40
070 Clearing the Form Spinner
08:28
071 Handling Authentication Events
06:09
072 More on Conditional Rendering
07:19
073 Logging a User Out and Wrapup
05:30
074 App Mockup and Approach
03:55
075 The Basics of Redux
08:30
076 More on Redux
07:37
077 Redux is Hard!
11:40
078 Application Boilerplate
02:35
079 More on Redux Boilerplate
08:14
080 Rendering the Header
05:31
081 Reducer and State Design
06:45
082 Library List of Data
07:31
084 The Connect Function
10:06
085 MapStateToProps with Connect
07:31
086 A Quick Review and Breather
05:34
087 The Theory of ListView
07:11
088 ListView in Practice
03:36
089 Rendering a Single Row
01:59
090 Styling the List
06:31
091 Creating the Selection Reducer
04:42
092 Introducing Action Creators
05:47
093 Calling Action Creators
08:56
094 Adding a Touchable
06:56
095 Rules of Reducers
05:16
096 Expanding a Row
05:12
097 Moving Logic Out of Components
06:23
098 Animations
07:02
099 Wrapup
05:06
100 Overview of Our Next App
04:40
101 App Challenges
05:08
103 Just a Touch More Setup
06:22
104 More on Boilerplate Setup
07:02
105 Login Form in a Redux World
07:00
106 Rebuilding the Login Form
06:19
107 Handling Form Updates with Action Creators
08:42
108 Wiring up Action Creators
08:01
109 Typed Actions
08:47
110 Immutable State
08:39
111 Creating Immutable State
07:08
112 More on Creating Immutable State_part1
03:52
112 More on Creating Immutable State_part2
03:52
113 Synchronous vs Asynchronous Action Creators
08:01
114 Introduction to Redux Thunk
06:29
115 Redux Thunk in Practice
05:38
116 Redux Thunk in Practice Continued
07:49
117 Making LoginUser More Robust
03:27
118 Creating User Accounts
07:23
119 Showing Error Messages
06:45
120 A Firebase Gotcha
06:45
121 Showing a Spinner on Loading
11:57
122 Dealing with Navigation
08:19
123 Navigation in the Router
04:53
124 Addressing Styling Issues
04:41
125 Displaying Multiple Scenes
05:41
126 Navigating Between Routes
03:40
127 Grouping Scenes with Buckets
07:19
128 Navigation Bar Buttons
03:17
129 Navigating to the Employee Creation Form
06:01
130 Building the Employee Creation Form
05:14
131 Employee Form Actions
07:00
132 Handling Form Updates at the Reducer Level
06:14
133 Dynamic Property Updates
08:48
134 The Picker Component_part1
03:51
134 The Picker Component_part2
03:51
135 Pickers and Style Overrides_part1
03:30
135 Pickers and Style Overrides_part2
03:30
136 Firebase JSON Schema
06:36
137 Data Security in Firebase
05:54
138 Creating Records with Firebase
05:43
139 Default Form Values
05:48
140 Successful Data Save to Firebase
07:49
141 Resetting Form Properties
09:48
142 Fetching Data from Firebase_part1
04:08
142 Fetching Data from Firebase_part2
04:08
143 Storing Data by ID_part1
04:29
143 Storing Data by ID_part2
04:29
144 Dynamic DataSource Building
08:01
145 Transforming Objects to Arrays
07:07
146 List Building in Employee List
06:25
147 Reusing the Employee Form
06:56
148 Create vs Edit Forms
06:53
149 Reusable Forms_part1
04:33
149 Reusable Forms_part2
04:32
150 A Standalone Employee Edit Form
03:27
151 Initializing Forms from State
09:13
152 Updating Firebase Records
07:15
153 Clearing Form Attributes
05:17
154 Texting Employees
04:42
155 Modals as a Reusable Component_part1
03:37
155 Modals as a Reusable Component_part2
03:37
156 The Modal Component Continued
08:11
157 Styling the Modal
09:26
158 Employee Delete Action Creator_part1
04:15
158 Employee Delete Action Creator_part2
04:15
159 Wiring up Employee Delete
04:19
18 – Extras
0/1
Download Resource Files
The Complete React Native + Hooks Course
Join the conversation
Previous
Next

Please contact me via telegram

DMCA.com Protection Status