Building a Custom React Renderer

Sophie Alpert builds a tiny React renderer live on stage, demystifying reconciliation by writing it from scratch.

frontendarchitectureweb

The React Conf 2018 keynote where Sophie Alpert and Dan Abramov introduce Hooks and explain why class components had become a dead end.

Andrew Clark and Brian Vaughn unveil React.lazy, Suspense, and Concurrent Mode — and the scheduler that makes interruptible rendering possible.

Harris revisits the SPA-vs-MPA argument through the lens of edge runtimes — and pushes back on the idea that SSR-everywhere is a victory for users.

Rich Harris pushes back on the SPA-vs-MPA dichotomy and sketches transitional apps — server-rendered, JS-enhanced, and progressively interactive.

Dan Abramov demos the React team's first sketches of async rendering and Suspense — the prototypes that would later become Concurrent Mode.

David Khourshid argues that most UI bugs are state machines you wrote without noticing — and shows what changes when you write them on purpose.

Search the vault