Videos / Web Dev
Episode 7 of 9 · The interview course
React interview: hooks, effects and re-renders Included with a plan
This video is included with a plan. The first three lessons of every track are free, with their boards and videos. A plan unlocks every lesson, board, video, lab and paper for one price.
View plans → Already a member? Sign in
Chapters
The hooks round 0:00 What a hook is 0:15 What was wrong with classes 0:30 The same component twice 0:47 This, and sharing logic 1:02 The two rules 1:19 Matched by order 1:34 A hook inside an if 1:50 Use state 2:05 Three increments, one step 2:20 The functional updater 2:34 Lazy initial state 2:48 Batched and asynchronous 3:03 What use effect is 3:18 The dependency array 3:35 The cleanup function 3:51 A subscription with no cleanup 4:06 A timer 4:22 Aborting a fetch 4:38 The lifecycle table 4:53 The loop with no array 5:08 The loop with an array 5:23 Both fixes 5:40 Never silence the lint 5:55 You might not need an effect 6:09 Key resets a component 6:24 Use memo 6:37 Use callback 6:55 When it is cargo cult 7:13 Use memo is not a guarantee 7:29 React memo 7:46 Why memo does nothing 8:02 How to stop unnecessary renders 8:18 Lift state down 8:35 Passing children through 8:51 A ref as a handle 9:06 A ref as a box 9:21 The stale closure 9:36 Fixing a stale closure 9:52 Use context 10:09 The context re-render problem 10:25 Three fixes for context 10:42 Use reducer 10:58 Custom hooks 11:12 Same hook, separate state 11:27 Writing use fetch 11:42 Writing use debounce 11:58 Use layout effect 12:14 Effects do not run before paint 12:29 Strict mode 12:45 Error boundaries need a class 13:00 Use id 13:15 The whole API, grouped 13:32 The payoff 13:53 React interview: hooks, effects and re-renders. React hooks is where a front end interview catches people. Not because the ideas are hard. Because the questions are about behaviour, not syntax. Why did this counter stop at one.
Mark as watched Saved in this browser only.