Getting Fluent with React
summary
Explains how React’s fiber double-buffering gives scheduling and priority, then demos two concurrent hooks: useDeferredValue (debounce-like but scheduler-driven) and useTransition (lower-priority state updates via startTransition and isPending). Builds a 10k–30k-item filter example, factors the list into a memoized component, and shows input stays instant while list updates lag without jank — with deferred/transition updates the UI feels smooth and the demo works.
AI-written summary · about
chapters (8)
- 0:00React performance intro
- 1:06React's fiber architecture
- 6:24Prioritizing UI updates
- 7:05Performance example
- 9:36Fix jank with useDeferredValue
- 12:46useTransition for updates
- 15:00Perceived perf with isPending
- 15:41Summary of concurrent features
