The Psychological Effects of useEffect
summary
Recording demonstrates concrete gotchas: migrating CodeSandbox to hooks spawns four months of PR reviews; useEffect dependency semantics means an empty array only works when values never change; refs don't trigger re-render so useRef is a mutable flag for mount checks; cleanup returned from useEffect runs after the effect finishes (not necessarily on component unmount), which leads to surprising loops when effects trigger DOM clicks. Demos use React, hooks, useRef, console.log and a live sandbox and mostly work while exposing these real failure modes.
AI-written summary · about
chapters (10)
- 0:00Intro
- 5:09Sandbox
- 5:48UseEffect
- 7:53UseEffect Hack
- 11:13Mounting
- 14:18Revs
- 15:29UseRef
- 16:46Unmount
- 18:00Component Unmount
- 20:51Extreme
