udemy-advanced-react-render-performance-best-practices-patterns-2020-8

0:00 1 Welcome 0:22 2 Prerequisites 1:41 3 How To Make The Maximum Of This Course 3:13 4 Section Goal 3:39 5 Introduction 5:56 6 Cloninng Our Project 15:29 7 Folder Structure 23:04 8 Generators 27:58 9 Redux Overview Skip if you are familiar REDUX 31:32 10 Redux Store 33:47 11 Redux Actions 37:20 12 Redux Reducers 42:13 13 How Redux Works 48:19 14 Section Goal Skip if you are familiar with ReduxSaga 48:53 15 Redux Middleware 52:50 16 Saga Effects 1:00:39 17 High Order Component 1:11:37 18 Container Component 1:23:41 19 Render Props 1:36:21 20 Preparation DO NOT SKIP 1:39:12 21 Preserving State 1:47:33 22 Updating State 1:51:47 23 Using Refs 1:58:50 24 Component Mount 2:04:50 25 Observing Props Changes 2:16:03 26 Component Cleanup 2:24:32 27 Creating YOUR own Hook Part 1 2:33:03 28 Creating YOUR own Hook Part 2 2:41:08 29 Section Goal 2:41:28 30 Important Note 2:41:59 31 What is High Quality Application 2:44:15 32 Component Container Pattern 2:47:05 33 Authentication Data Flow 2:51:57 34 Authentication Redux Saga 2:59:34 35 Network Service 3:07:37 36 Server Communication 3:17:17 37 Storing Credentials 3:28:12 38 Removing Credentials 3:34:37 39 Conclusion 3:41:16 40 Section Goal 3:41:32 41 Modularity in Modern Applications 3:48:22 42 DRY Principle 3:55:30 43 SOLID Principles 4:04:17 44 Reusability in Modern Applications 4:13:47 45 Section Goal 4:14:16 46 Consistency in Modern Applications 4:19:39 47 Setting Up Styling 4:22:03 48 Adding Theme 4:26:59 49 Light Dark Mode 4:36:57 50 Power Of Themes 4:49:12 51 Section Goal 4:50:04 52 Application Architecture 4:52:23 53 React Router Overview 5:00:18 54 Navigation Routing 5:06:32 55 Securing Routes Public Private 5:17:59 56 Navigation Bar 5:21:27 57 Vacation Details Page 5:27:39 58 URL Params 1 5:38:35 59 URL Params 2 5:48:23 60 Reconciliation 5:50:22 61 Commit Render 5:51:17 62 Mount vs Update 6:02:24 63 Section Goal 6:03:33 64 Why Performance 6:07:02 65 Debugging DevTools 1 6:15:20 66 Debugging DevTools 2 6:20:09 67 Render Profiling 6:24:50 68 Selectors 6:31:28 69 Memoizing Computation 6:37:51 70 Memoizing Selectors 6:47:50 71 Overloading DOM and Virtual DOM 6:55:40 72 React Memo 7:01:27 73 Avoid Reconciliation 7:08:53 74 Bad Practice 1 PART 1 7:19:46 75 Bad Practice 1 PART 2 7:25:19 76 Bad Practice 2 PART 1 7:31:43 77 Bad Practice 2 PART 2 7:43:53 78 Bad Practice 3 7:54:52 79 Section Goal 7:55:34 80 What is Webpack 7:58:38 81 How is Webpack 8:01:37 82 Exploring the Entry 8:04:38 83 Exploring the Output 8:07:31 84 Exploring the Loaders 8:13:44 85 Section Goal 8:14:08 86 Lazy Loading 8:18:19 87 Loading Dynamically 8:27:45 88 Production Build 8:35:12 89 Lazy Suspense 8:43:05 90 Dependency Reference Common Issue 8:48:11 91 Extending Our Container 8:58:24 92 Finally Bundle Splitting