complete-react-developer-in-2022-w-redux-hooks-graphql-updated-22-04-2022-0

\ 0:00 Course Outline 4:57 Join Our Online Classroom! Key Concepts\ 8:58 React Concepts 11:05 The Birth of 20:30 Declarative vs Imperative 26:48 Component Architecture 32:11 One Way Data Flow 38:21 UI Library 43:14 How To Be A Great React Developer Basics\ 47:33 Section Overview 53:46 Environment Setup for Mac 1:01:55 Environment Setup For Windows 1:11:49 Create React App - NPX 1:22:49 Create React App - React-Scripts 1 1:34:32 Create React App - React-Scripts 2 1:46:16 Create React App - Everything Else 1:52:19 Don’t Eject 1:54:16 Hooks vs Classes 1:56:30 Monsters Rolodex - Class Components 2:05:30 Monsters Rolodex - Component State 2:13:08 Monsters Rolodex - setState 2:22:36 Monsters Rolodex - States and Shallow Merge 2:28:33 Monsters Rolodex - setState and Secondary Callback 2:37:35 Monsters Rolodex - Mapping Arrays to Elements 2:47:01 Monsters Rolodex - Keys for Mapping 2:52:09 Monsters Rolodex - Single Page Applications (SPAs) 2:59:28 Monsters Rolodex - Lifecycle Method_ componentDidMount 3:09:43 Monsters Rolodex - Renders & Re-renders in React 3:15:27 Monsters Rolodex - Input Search Box Component 3:26:46 Monsters Rolodex - Searching & Filtering 3:34:37 Monsters Rolodex - Storing Original Data 3:44:10 Monsters Rolodex - Optimizations 3:51:40 Monsters Rolodex - Understanding Components 3:59:37 Monsters Rolodex - CardList Component 4:06:47 Monsters Rolodex - Component Props 4:14:14 Monsters Rolodex - Rendering and Re-rendering part 2 4:21:19 Monsters Rolodex - SearchBox Component 4:30:09 Monsters Rolodex - CSS in React 4:39:39 Monsters Rolodex - CardList Component 4:46:40 Monsters Rolodex - Finishing Touches 4:54:21 Functional vs Class Components 4:58:44 Class Component Lifecycle Methods Breakdown 5:04:05 Monsters Rolodex - Functional Component Intro 5:09:56 Pure & Impure Functions 5:16:19 Monsters Rolodex - Hooks_ useState 5:23:29 Monsters Rolodex - Functional Component Re-rendering 5:30:17 Monsters Rolodex - Infinite Re-rendering 5:37:50 Monsters Rolodex - Hooks_ useEffect 5:49:06 Monsters Rolodex - Remaining Components 5:54:57 React v18_ Migrating from React v17 ReactDOM v18 Changes 6:00:36 React v18_ Strict Mode Changes 6:05:19 DOM and Virtual DOM 6:15:30 React and ReactDOM 6:26:38 React and ReactDOM part 2 6:33:03 ReactDOM v18 Changes 6:35:32 DOM Paint Flashing Project_ Intro Setup\ 6:41:41 Github Strategy 6:49:03 The Long Road Ahead 6:51:55 Project Overview 6:53:42 Scaffolding Our Capstone Project 7:00:58 Setting Up Our Categories 7:07:00 Adding Sass 7:13:57 Category Item Component 7:20:56 Directory Component 7:28:13 Adding Fonts React-Router\ 7:37:34 Routing 7:43:52 Updating_Upgrading Libraries 7:52:15 Setting Up Our Homepage 8:03:32 React Router Outlet 8:10:33 Navigation Bar Component 8:15:38 React Router Link 8:23:23 Styling for Navigation Logo Firebase\ 8:30:22 Setting Up Firebase 8:38:44 Authentication Flow 8:51:45 Authenticating With Firebase 9:06:20 Introducing Firestore Data Models 9:13:10 Setting Up User Documents 9:27:14 Finish Creating User Documents 9:34:03 Sign In With Redirect 9:45:42 Sign Up Form Pt.1 10:00:53 Sign Up Form Pt.2 10:11:14 Sign Up With Email Password 10:23:47 Generalizing Form Input Component 10:37:31 Custom Button Component 10:48:31 Sign In Form 10:59:19 Finishing Authentication Page Context For State Management\ 11:07:24 Need For Context 11:15:51 User Context 11:28:11 Re-rendering From Context 11:34:27 Signing Out 11:43:11 Exercise_ Imposter Syndrome Pattern\ 11:46:07 Observer_ onAuthStateChange 11:57:08 Finalizing Auth Listener