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

Hooks in React\ 2:57 XSS Attacks in React 10:02 Linking to a Wikipedia Page 13:42 Only Search with a Term 14:43 Throttling API Requests 18:48 Reminder on setTimeout 22:21 useEffect’s Cleanup Function 28:29 Implementing a Delayed Request 31:28 Searching on Initial Render 33:53 Optional Video - Fixing a Warning 54:15 Dropdown Architecture 57:41 Scaffolding the Dropdown 1:00:49 A Lot of JSX 1:06:05 Selection State 1:12:22 Filtering the Option List 1:14:08 Hiding and Showing the Option List 1:21:49 Err... Why is this Hard_ 1:25:47 Reminder on Event Bubbling 1:30:22 Applying What We’ve Learned 1:33:55 Binding an Event Handler 1:36:42 Why Stay Open!_ 1:41:54 Which Element Was Clicked_ 1:46:15 Making use of useRef 1:50:28 Body Event Listener Cleanup 1:57:11 The Translate Widget 2:01:16 Scaffolding the Translate Component 2:06:20 Adding the Language Input 2:10:03 Understanding the Convert Component 2:16:28 Building the Convert Component 2:20:11 Using the Google Translate API 2:26:42 Displaying Translated Text 2:32:13 Debouncing Translation Updates 2:38:59 Reviewing UseState and UseEffect 2:39:55 Exercise Solution From Scratch\ 2:41:44 Navigation in React 2:44:07 Basic Component Routing 2:51:17 Building a Reusable Route Component 2:58:07 Implementing a Header for Navigation 3:00:48 Handling Navigation 3:04:46 Building a Link 3:10:07 Changing the URL 3:13:18 Detecting Navigation 3:17:20 Updating the Route 3:21:45 Handling Command Clicks in Practice\ 3:23:49 Project Overview 3:26:13 Refactoring the SearchBar 3:34:19 Refactoring the App 3:42:27 Removing a Callback 3:45:20 Overview on Custom Hooks 3:51:02 Process for Building Custom Hooks 3:57:41 Extracting Video Logic 4:04:33 Using the Custom Hook 4:10:02 Exercise Overview - Custom Hooks 4:11:16 Exercise Solution a React App\ 4:12:56 Deployment Overview 4:16:26 Deployment with Vercel 4:22:33 Deployment with Netlify We Go.. .To Redux!\ 4:29:42 Introduction to Redux 4:33:05 Redux by Analogy 4:40:11 A Bit More Analogy 4:45:31 Finishing the Analogy 4:54:55 Mapping the Analogy to Redux 5:00:40 Modeling with Redux 5:09:24 Creating Reducers 5:21:10 Rules of Reducers 5:26:06 Testing Our Example 5:34:33 Important Redux Notes React with Redux\ 5:42:06 React Cooperating with Redux 5:43:46 React, Redux, !_ 5:49:21 Design of the Redux App 5:53:57 How React-Redux Works 6:00:41 Redux Project Structure 6:04:48 Named vs Default Exports 6:08:39 Building Reducers 6:13:52 Wiring Up the Provider 6:19:58 The Connect Function 6:25:53 Configuring Connect with MapStateToProps 6:32:36 Building a List with Redux Data 6:39:42 Calling Action Creators from Components 6:47:04 Redux is Not Magic! 6:53:08 Functional Components with Connect 6:59:41 Conditional Rendering 7:04:56 Exercise Solution - Connecting Components to Redux Actions with Redux Thunk\ 7:11:25 App Overview and Goals 7:19:02 Initial App Setup 7:25:19 Tricking Redux with Dummy Reducers 7:28:35 A Touch More Setup 7:31:01 How to Fetch Data in a Redux App 7:37:01 Wiring Up an Action Creator 7:40:02 Making a Request From an Action Creator 7:45:15 Understanding Async Action Creators 7:54:12 More on Async Action Creators 8:00:00 Middlewares in Redux 8:03:53 Behind the Scenes of Redux Thunk 8:14:00 Shortened Syntax with Redux Thunk Store Design\ 8:20:45 Rules of Reducers 8:23:39 Return Values from Reducers 8:26:47 Argument Values 8:31:51 Pure Reducers 8:34:26 Mutations in Javascript 8:41:17 Equality of Arrays and Objects 8:43:56 A Misleading Rule 8:56:21 Safe State Updates in Reducers 9:06:21 Switch Statements in Reducers 9:10:29 Dispatching Correct Values 9:17:13 List Building! 9:21:13 Displaying Users 9:28:53 Fetching Singular Records 9:33:03 Displaying the User Header 9:38:11 Finding Relevant Users 9:46:00 Extracting Logic to MapStateToProps 9:53:48 That’s the Issue! 9:56:26 Memoizing Functions 10:03:21 Memoization Issues 10:10:10 One Time Memoization 10:14:57 Alternate Overfetching Solution 10:19:22 Action Creators in Action Creators! 10:27:05 Finding Unique User Ids 10:35:41 Quick Refactor with Chain 10:39:53 App Wrapup with React Router\ 10:43:28 App Outline 10:49:44 Mockups in Detail 10:54:58 App Challenges 11:00:07 Initial Setup 11:02:54 Introducing React Router 11:11:00 How React Router Works 11:14:57 How Paths Get Matched 11:23:32 How to _Not_ Navigate with React Router 11:28:28 Navigating with React Router 11:33:38 [Optional] - Different Router Types 11:51:55 Component Scaffolding 11:57:46 Wiring Up Routes