React, from the inside out
Ten long-form guides for building a durable mental model of React, from rendering fundamentals to Server Components. Not written by me.
10 guides · about 8 hours · updated May 2026
- 01React Rendering and Reconciliation InternalsA guided deep dive into how React turns state into UI, compares trees, and keeps updates responsive.45 min read
- 02React Hooks and EffectsA practical mental model for hooks, renders, effects, closures, and React's update queues.60 min read
- 03React State Management ArchitectureHow to choose where state lives, avoid contradictions, and scale shared state without unnecessary complexity.55 min read
- 04React Data Fetching and Server StateA guide to remote data as a cache: query keys, stale data, mutations, optimistic updates, and Suspense.55 min read
- 05React Performance ArchitectureA measured approach to rendering cost, memoization, concurrency, virtualization, and bundle size.55 min read
- 06React's Event SystemHow synthetic events, delegation, propagation, portals, and event priority work in modern React.45 min read
- 07React's Scheduler and LanesA guided tour of cooperative scheduling, update priority, lanes, and React's concurrent work loop.45 min read
- 08React Error Boundaries and ResilienceWhat React catches, how it recovers, and how error boundaries contain failures in real applications.45 min read
- 09React Suspense InternalsHow promises suspend rendering, boundaries reveal content, retries work, and transitions prevent jarring fallbacks.45 min read
- 10React Server Components and the Server/Client BoundaryA clear model of Server Components, Client Components, serialization, streaming, and framework boundaries.30 min read