udemy-modern-react-with-redux-2022-3-2

with React Router\ 1:55 Always Visible Components 4:16 Connecting the Header 10:07 Links Inside Routers 12:51 Exercise Overview - Additional Routes 14:11 Exercise Solution Authentication with React\ 16:24 OAuth-Based Authentication 25:27 OAuth for Servers vs Browser Apps 31:01 Creating OAuth Credentials 36:14 Wiring Up the Google API Library 45:08 Sending a User Into the OAuth Flow 50:56 Rendering Authentication Status 1:00:44 Updating Auth State 1:07:59 Displaying Sign In and Sign Out Buttons 1:11:21 On-Demand Sign In and Sign Out 1:14:24 Redux Architecture Design 1:23:53 Redux Setup 1:28:07 Connecting Auth with Action Creators 1:32:42 Building the Auth Reducer 1:37:58 Handling Auth Status Through Redux 1:43:23 Fixed Action Types 1:48:57 Recording the User’s ID Dev Tools\ 1:55:05 Using Redux Dev Tools to Inspect the Store 2:04:47 Debug Sessions with Redux Dev Tools Forms with Redux Form\ 2:09:01 Forms with Redux Form 2:15:12 Useful Redux Form Examples 2:17:53 Connecting Redux Form 2:21:58 Creating Forms 2:30:00 Automatically Handling Events 2:39:24 Customizing Form Fields 2:43:14 Handling Form Submission 2:48:49 Validation of Form Inputs 2:55:33 Displaying Validation Messages 3:00:58 Showing Errors on Touch 3:08:21 Highlighting Errored Fields React Apps\ 3:11:49 Creating Streams 3:14:36 REST-ful Conventions 3:19:24 Setting Up an API Server 3:25:46 Creating Streams Through Action Creators 3:31:22 Creating a Stream with REST Conventions 3:37:23 Dispatching Actions After Stream Creation 3:40:16 Bulk Action Creators 3:52:35 Object-Based Reducers 4:00:18 Key Interpolation Syntax 4:08:05 Handling Fetching, Creating, and Updating 4:14:07 Deleting Properties with Omit 4:17:19 Merging Lists of Records 4:25:04 Fetching a List of All Streams 4:28:30 Rendering All Streams 4:34:37 Associating Streams with Users 4:41:03 Conditionally Showing Edit and Delete 4:48:10 Linking to Stream Creation 4:53:03 When to Navigate Users 4:58:28 History References 5:04:41 Creating a Browser History Object 5:08:51 Implementing Programmatic Navigation 5:11:02 Manually Changing API Records 5:13:36 URL-Based Selection 5:20:09 Wildcard Navigation 5:25:29 More on Route Params 5:30:06 Selecting Records from State 5:38:11 Component Isolation with React Router 5:43:01 Fetching a Stream for Edit Stream 5:48:58 Real Code Reuse! 5:57:21 Refactoring Stream Creation 6:02:45 Setting Initial Values 6:12:42 Avoiding Changes to Properties 6:20:50 Edit Form Submission 6:24:55 PUT vs PATCH Requests React Portals\ 6:30:39 Why Use Portals_ 6:37:57 More on Using Portals 6:51:08 Creating a Portal 6:58:46 Hiding a Modal 7:06:51 Making the Modal Reusable 7:12:33 React Fragments 7:17:25 OnDismiss From the Parent 7:20:36 Reminder on Path Params 7:24:57 Fetching the Deletion Stream 7:32:22 Conditionally Showing Stream Details 7:39:18 Deleting a Stream 7:47:10 Exercise Overview - Closing the Modal 7:48:05 Exercise Solution Streaming Video\ 7:49:14 Viewing a Stream 7:52:58 Switches with React-Router 7:57:02 Showing a Stream 8:02:30 RTMP Server Setup 8:08:49 OBS Installation 8:11:20 OBS Scene Setup 8:15:51 Video Player Setup 8:19:30 Implementing FLV JS 8:23:34 Creating a FLV Player 8:30:08 Optional Player Building 8:37:28 It Works! 8:40:44 Cleaning Up with ComponentWillUnmount 8:45:11 Exercise Overview - Adding Some Filtering 8:46:03 Exercise Solution Context System with React\ 8:47:23 The Context System 8:50:52 An App with Context 8:55:14 App Generation 8:58:12 Selecting a Language 9:01:41 A Touch More Setup 9:05:45 Getting Data Out of Context 9:09:52 Creating Context Objects 9:18:21 Consuming the Context Value 9:23:25 The Context Provider 9:27:36 Gotchas Around Providers 9:36:48 Accessing Data with Consumers 9:42:34 Pulling From Multiple Contexts 9:51:37 Exercise Overview - Consuming Context Values From Providers 9:53:41 Exercise Solution Redux with Context\ 9:55:45 Replacing Redux with Context_ 10:01:39 Creating a Store Component 10:05:48 Implementing a Language Store 10:12:59 Rendering the Language Store 10:16:45 Connecting the Selector to the Store 10:19:52 Connecting the Field and Button to the Store 10:22:57 Context vs Redux Recap with Older Versions of React\ 10:26:39 Introduction - Github Links for Project Files! 10:30:18 Project Setup 10:33:11 A Taste of JSX 10:44:41 More on JSX 10:49:16 ES6 Import Statements 10:53:15 ReactDOM vs React 10:55:42 Differences Between Component Instances and Component Classes 10:59:20 Render Targets 11:05:13 Component Structure 11:11:39 Youtube Search API Signup 11:18:19 Export Statements 11:26:59 Class-Based Components 11:35:10 Handling User Events 11:44:41 Introduction to State 11:49:54 More on State 11:55:59 Controlled Components