An Overview of React's Reconciliation Algorithm
summary
Demonstrates that React 16’s Fiber actually changes scheduling: a live demo renders an 80-item slow list where each item deliberately waits 3 ms per item, producing a one-to-two second input lag under the old stack reconciler. The claim is that cooperative scheduling and priorities let updates pause, resume and keep the input responsive within the 16 ms frame budget; Concurrent Mode is experimental but shows the list rendering later without blocking typing.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 3:42Limitations
- 4:52Frame Rate
- 5:25JavaScript
- 6:30jank
- 7:18Concurrent Mode
- 8:14Version Control Systems
- 8:52React Fiber
related talks
24mReact Fiber Internals: Reconciliation, Scheduling, and Concurrent Rendering
45mWhat's Next for React
19mKeynote Part 3: React Performance End to End (React Fiber)
31mA Cartoon Intro to React Fiber
30mAlgebraic effects, Fibers, Coroutines...Oh my!
02h 50mReact: Internals and Advanced Performance Patterns
28mConquering Concurrent React
17mGetting Fluent with React