Algebraic effects, Fibers, Coroutines...Oh my!
summary
React rewrites its runtime as React Fiber — a React‑owned call stack of JavaScript objects that the scheduler manipulates to interrupt and resume work. That enables time slicing and suspense throws promises: Suspense signals by throwing a promise (a “suspender”) and the fiber graph preserves component state so rendering can be paused and resumed with minimal loss. The talk claims algebraic effects inspire these APIs, shows code that throws promises, and explains why it works.
AI-written summary · about
chapters (10)
- 0:00Start
- 2:32React Fiber
- 3:34Concurrent Rendering
- 4:34Time Slicing
- 9:36The Call Stack
- 11:51Stack Frames
- 14:28FiberNode
- 22:33Logging
- 24:23Algebraic Effects
- 31:07Fibers to the Rescue!
related talks
30mAlgebraic effects, Fibers, Coroutines...Oh my!
35mEffect ful computations with Fibers
26mReact, the future & you
36mInside Fiber: the in depth overview you wanted a TLDR for
02h 50mReact: Internals and Advanced Performance Patterns
31mA Cartoon Intro to React Fiber
22mInside Fiber: the In-Depth Overview You Wanted a TLDR for
39mReact … wait for it … Suspense