Frameworks
Decision frameworks for architectural choices. Not just what to use, but when and why - covering the trade-offs that matter in production.
State Architecture
Where state lives and why. Local, lifted, URL, server, and global state - the decision criteria for each.
Component Composition
How components communicate. Props, render props, compound components, and headless patterns.
Data Fetching & Sync
How UI stays in sync with the backend. useEffect to React Query to real-time.
Rendering Strategy
When code runs and where. CSR, SSR, SSG, ISR - the trade-offs and when each makes sense.
Design System Architecture
How to build reusable UI. Component APIs, theming, and the composition vs configuration trade-off.
Code Organization
How to prevent the big ball of mud. Feature folders, module boundaries, and monorepo structure.
Performance Architecture
Where performance problems actually come from and how to fix them systematically.