Algebraic effects, Fibers, Coroutines...Oh my!
summary
Explains why React rewrites as React Fiber let the library implement time slicing and suspense by replacing the native call stack with JS fiber objects and a scheduler, shows concrete code (fiber node constructor, resource cache read) and the trick of throwing promises to suspend rendering, gives the 60fps / 16.67ms deadline motivating it, and states React 16 ships this in production—so the idea, tools, and that it actually works are all shown.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:50React Fiber
- 6:33JavaScript
- 13:25Scheduling
- 17:50Errorhandling
- 21:34Algebraic effects
- 23:27Example
related talks
35mAlgebraic effects, Fibers, Coroutines...Oh my!
02h 50mReact: Internals and Advanced Performance Patterns
31mA Cartoon Intro to React Fiber
19mKeynote Part 3: React Performance End to End (React Fiber)
36mInside Fiber: the in depth overview you wanted a TLDR for
22mInside Fiber: the In-Depth Overview You Wanted a TLDR for
24mReact Fiber Internals: Reconciliation, Scheduling, and Concurrent Rendering
32mLayperson's guide to React Fiber