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

  1. 01React Rendering and Reconciliation InternalsA guided deep dive into how React turns state into UI, compares trees, and keeps updates responsive.45 min read
  2. 02React Hooks and EffectsA practical mental model for hooks, renders, effects, closures, and React's update queues.60 min read
  3. 03React State Management ArchitectureHow to choose where state lives, avoid contradictions, and scale shared state without unnecessary complexity.55 min read
  4. 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
  5. 05React Performance ArchitectureA measured approach to rendering cost, memoization, concurrency, virtualization, and bundle size.55 min read
  6. 06React's Event SystemHow synthetic events, delegation, propagation, portals, and event priority work in modern React.45 min read
  7. 07React's Scheduler and LanesA guided tour of cooperative scheduling, update priority, lanes, and React's concurrent work loop.45 min read
  8. 08React Error Boundaries and ResilienceWhat React catches, how it recovers, and how error boundaries contain failures in real applications.45 min read
  9. 09React Suspense InternalsHow promises suspend rendering, boundaries reveal content, retries work, and transitions prevent jarring fallbacks.45 min read
  10. 10React Server Components and the Server/Client BoundaryA clear model of Server Components, Client Components, serialization, streaming, and framework boundaries.30 min read