道 · ReactThe Way of ReactHome
GitHub
The Way of React cover

From DOM to Fiber

The Way of React

A dialogue-driven reconstruction of React's inner logic

What I cannot create, I do not understand.

Richard Feynman

Reinventing React from scratch, the whole book is unfolded in the form of Socratic heuristic dialogue, which takes you to deduce the core design of React step by step from first principles.

Start readingBuy on Leanpub

Learning Path

Chapters

Opening Arc

01The Raw DOM — Where Everything Begins02The Template Era — UI as a String

Phase 1 · Stack Reconciler

Chapters 1-8 push the old model until it breaks.

0102030405060708

Phase 2 · Fiber Architecture

Chapters 9-15 rebuild the engine to fix the freeze.

09101112131415

Appendix

16Mini-React vs React — What We Simplified

What This Book Is About

From DOM to Fiber

Reinventing React from scratch, the whole book is unfolded in the form of Socratic heuristic dialogue, which takes you to deduce the core design of React step by step from first principles.

Who This Book Is For

Reinventing React from Scratch

It is for readers with basic JavaScript, HTML, and DOM knowledge who want a real mental model of React, whether they are brand new to React or use it every day without a clear picture of the internals.

Chapters

Learning Path

01Chapter 1: The Raw DOM — Where Everything BeginsDemos02Chapter 2: The Template Era — UI as a StringDemos03Chapter 3: The Dawn of Data BindingDemos04Chapter 4: The Big Idea — UI as a Function of StateDemos05Chapter 5: Virtual DOM & ReconciliationDemos06Chapter 6: Components & CompositionDemos07Chapter 7: Class Components & LifecycleDemos08Chapter 8: Patterns of ReuseDemos09Chapter 9: The Browser FreezeDemos10Chapter 10: The Fiber Architecture — Building a Brand New Mental ModelChapters11Chapter 11: Reconciliation & Commit — Filling in the Engine's BlueprintDemos12Chapter 12: Hooks — The Memory of FunctionsDemos13Chapter 13: Effects and Memoization — Bringing Order to TimeDemos14Chapter 14: State Management and the Cross-Layer BridgeDemos15Chapter 15: From Concurrent to Server — React's Ultimate FormDemos16Appendix A: Mini-React vs React — What We SimplifiedChapters

Credits

The Way of React

This book was vibe written with AI tools. All mistakes are mine, all credit goes to AI.