Everything I Know about React I Learned from Twitter
summary
Compilation of Core Team tweets and live dives into the React repo show exactly how Fiber is built and scheduled: a tiny demo app uses unstable_createRoot to exercise the fiber work loop, debugger and breakpoints reveal fibers, alternates and double buffering, the render phase is interruptible while the commit phase is not, and the renderer reads effect tags to apply DOM updates; scheduling issues like starvation, timeouts and isInputPending integration are demonstrated and explained.
AI-written summary · about
chapters (9)
- 0:00Start
- 3:25React Internal Introductions
- 5:02The Stack Reconciler
- 8:43React Internal Instance Key
- 14:18Double Buffering
- 16:20Work Loop
- 23:43Render Phase
- 25:56Starvation
- 26:55Set State Update
related talks
30mAlgebraic effects, Fibers, Coroutines...Oh my!
36mInside Fiber: the in depth overview you wanted a TLDR for
31mA Cartoon Intro to React Fiber
24mReact Fiber Internals: Reconciliation, Scheduling, and Concurrent Rendering
19mWhat the hell is fiber and why should I care
22mInside Fiber: the In-Depth Overview You Wanted a TLDR for
45mWhat's Next for React
19mKeynote Part 3: React Performance End to End (React Fiber)