What the hell is fiber and why should I care
summary
React Fiber is React 16’s reimplementation of the reconciliation algorithm that actually splits work into units and builds a work‑in‑progress tree, using requestAnimationFrame and requestIdleCallback to schedule interruptible renders; the render phase is preemptible, the commit phase is not, updates gain priorities (synchronous, animation, high/low/offscreen), lifecycle hooks can run more than once, an example runs 1 million animations, and Fiber is still marked “not ready for production.”
AI-written summary · about
chapters (7)
- 0:00Start
- 0:53About Myself
- 1:37What the Hell Is Fiber
- 2:48Why the Hell Do We Need a New Reconciliation Algorithm
- 4:30How Does the Current Algorithm Work
- 8:28Work in Progress Tree
- 15:20High Priority
related talks
31mA Cartoon Intro to React Fiber
24mReact Fiber Internals: Reconciliation, Scheduling, and Concurrent Rendering
48mWhat is React Fibre?
45mWhat's Next for React
32mA Cartoon Intro to Fiber
32mLayperson's guide to React Fiber
36mInside Fiber: the in depth overview you wanted a TLDR for
22mInside Fiber: the In-Depth Overview You Wanted a TLDR for