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