Concurrent Rendering in React
summary
Concurrent React claims nonblocking, priority-driven rendering and demonstrates time-slicing and Suspense by lazily loading a Mary Poppins demo component, eliminating needless spinner flashes and pre-rendering hidden tabs at low priority. Tools shown: lazy, an experimental react-cache and scheduler, plus Profiler and trace APIs. Concrete wins: immediate tab highlight while heavier content defers, fewer sibling placeholders, memo/useMemo cutting redundant renders, measured commits often under ~5–12ms, and the demos successfully reduce perceived jank.
AI-written summary · about
chapters (8)
- 0:00Start
- 7:41Demo
- 33:37Introducing the Devtools profiler
- 36:05Listitem component
- 37:32Identify slow renders
- 38:12Improve slow renders
- 39:42Label updates
- 41:22Record render times
