Invisible Hand of React Performance
summary
React’s invisible wins are concrete: useEffect defers DOM reads to the next frame so a mount no longer forces layout (red then blue vs only blue), batching evolves since 0.4 so four setState calls turn from three renders into two in React 18, and Suspense enables selective hydration so clicks only freeze the boundary hit instead of the whole page. These are specific implementation changes (Promise.resolve scheduling, removed global batch flag) that measurably cut freezes and renders.
AI-written summary · about
chapters (5)
- 0:00React performance history
- 1:47useEffect as performance hero
- 11:55Batching state updates
- 21:14Suspense and hydration
- 28:08Invisible hand of React performance
