Conquering Concurrent React
summary
React 18 hands control of rendering to a scheduler so updates can be split, deprioritized or aborted instead of blocking the UI; the implementation uses the fiber reconciler, work-in-progress tree copying and aborting, and explicit primitives Suspense, useTransition and useDeferredValue. A surprising historical example: the Speedy system cuts burger time from 30 minutes to 30 seconds and raised income by 200k. The demo builds a toy SSR app router that wraps URL changes in transitions so inputs stop disappearing, showing the approach actually works with server components and the Next.js App router.
AI-written summary · about
chapters (9)
- 0:00React concurrency intro
- 1:55What concurrency is
- 10:30Why React needs it
- 14:20Scheduler before 18
- 16:04React is a scheduler
- 18:15Fiber reconciler in 18
- 20:47Concurrent rendering tools
- 24:21Demo: useTransition
- 27:10Summary
