The book
Modern React SPA
Production patterns for React 19.2.
- 📚 37 chapters · ~600 pages · TypeScript-first
- 🧠 ~50 Under-the-hood expert subsections
- 🧪 ~25 hands-on labs with starter repos
- 📐 Full code listings — real screens, not snippets
- 📥 PDF + EPUB, updated for each React release
What you'll learn
- ✓ Architect a multi-team SPA with deliberate component boundaries and Suspense placement
- ✓ Pick the right state library for each kind of state — local, global, server cache, URL
- ✓ Set up Vite, Tailwind v4, and shadcn/ui on React 19.2 in under five minutes
- ✓ Configure a monorepo with Turborepo, Bun workspaces, and CI affected-only builds
- ✓ Run Module Federation host + remotes safely, with six known failure modes documented
- ✓ Enforce Core Web Vitals budgets in CI so regressions never ship
- ✓ Debug stale closures, hydration mismatches, memory leaks, and race conditions
- ✓ Migrate from CRA / Webpack to Vite without freezing feature work
What's in the book that isn't on the site
The free articles cover the patterns and decisions. The book adds the depth — internals, labs, and full code — that turns reading into shipping.
🧠
🧠 Under the hood
Every non-trivial topic ships with an expert subsection — algorithm, data structures, what React DevTools surfaces, debugging recipes. ~50 sections.
🧪
Hands-on labs
A focused exercise per chapter, complete with starter repo and reference solution. ~25 labs total.
📐
Full code listings
Real screens, not snippets. Tenant lists, invoice editors, dashboards — copy-paste-ready in TypeScript.
📚
Ordered curriculum
The chapters build deliberately. Ch 12 (state taxonomy) sets up Ch 13–15; Ch 26 (federation) sets up Ch 27 + 29.
Full chapter index
- Ch 01 React Evolution at a Glance (v15 → v18)
- Ch 02 What's New in React 19.2
- Ch 03 Modern Hooks Deep Dive
- Ch 04 Component Architecture for SPAs
- Ch 05 🔁 Chapter 5 · Routing in 2026 — Two Flavours
- Ch 06 📝 Chapter 6 · Forms Done Right
- Ch 07 shadcn/ui Integration
- Ch 08 Icons, Tailwind & CSS Customization
- Ch 09 Layouts — From CSS Flexbox/Grid to Dockable Workspaces
- Ch 10 Desktop & Shell UIs with Blueprint.js
- Ch 11 Building a Component Library (with Storybook)
- Ch 12 The Four Kinds of State
- Ch 13 Global State — Zustand, Jotai, Recoil, Redux Toolkit
- Ch 14 Server State — TanStack Query (React Query)
- Ch 15 URL as State
- Ch 16 The Bundler Landscape in 2026
- Ch 17 Vite Deep Dive
- Ch 18 Bun & Deno — New JavaScript Runtimes for React SPAs
- Ch 19 Monorepo Configuration — Workspaces, Turborepo, Nx, with a Bun focus
- Ch 20 Parcel, Rspack, Turbopack — when they fit
- Ch 21 Migrating from CRA / Webpack to Vite
- Ch 22 The SSG Spectrum
- Ch 23 SSG Tools for React
- Ch 24 Hybrid — SPA Shell + Pre-rendered Pages
- Ch 25 Architecting a Multi-Team SPA
- Ch 26 Module Federation in Depth
- Ch 27 Running Different React Versions Together
- Ch 28 Enterprise Concerns
- Ch 29 State Management Complexity at Scale
- Ch 30 The Performance Budget
- Ch 31 Bundle Optimization
- Ch 32 Runtime Performance
- Ch 33 Network Performance
- Ch 34 Debugging Strategies
- Ch 35 Hard Bugs and How to Find Them
- Ch 36 Testing Modern React SPAs — the Full Pyramid
- Ch 37 Delivery Pipelines
Coming soon
Available 15 August 2026
Thank you for your patience while we finish production.
Buy the book →