What's Next for React
summary
A ground‑up rewrite of React’s core algorithm called react fiber breaks rendering into heap‑allocated “fibers” that act as units of concurrency so work can be paused, resumed and prioritized. It uses browser scheduling primitives like requestAnimationFrame and requestIdleCallback (or polyfills) to interleave high‑priority animation frames and low‑priority DOM work, aiming for 60 frames per second, integrated layout/virtualization, fewer wrapper nodes and the ability to return multiple elements. Experimental, tracked on GitHub, months from usable.
AI-written summary · about
chapters (5)
- 0:00Start
- 1:54What is React Fiber?
- 20:57A fiber is a virtual stack frame
- 21:24A fiber is a unit of concurrency
- 28:52Integrated layout
related talks
31mA Cartoon Intro to React Fiber
19mKeynote Part 3: React Performance End to End (React Fiber)
19mWhat the hell is fiber and why should I care
10mAn Overview of React's Reconciliation Algorithm
24mReact Fiber Internals: Reconciliation, Scheduling, and Concurrent Rendering
30mAlgebraic effects, Fibers, Coroutines...Oh my!
02h 50mReact: Internals and Advanced Performance Patterns
32mLayperson's guide to React Fiber