← → navigate · Esc overviewv0.1.0

Teach something · presentation template

Code Walkthrough

Why the virtual DOM exists and what React's reconciler actually does: the Fiber tree, the diff, the render/commit split, and how useState and useEffect are built on top of it.

Use this template

Opening

Code Walkthrough

The Problem React Solved

Code Walkthrough

The Insight

Code Walkthrough

What JSX Actually Is

Code Walkthrough

The Fiber Tree

Code Walkthrough

Reconciliation: The Diff

Code Walkthrough

The Commit Phase

Code Walkthrough

useState Under The Hood

Code Walkthrough

useEffect Timing

Code Walkthrough

The Mental Model

Code Walkthrough