How I Architect Frontend Systems
Decision frameworks, implementation patterns, and system design case studies from building production React applications.
Frameworks
Decision frameworks for architectural choices: where state lives, how components compose, when to use SSR.
7 frameworksDeep Dives
How the tools actually work under the hood: useSyncExternalStore, React Compiler, context subscriptions.
5 deep divesPatterns
Implementation patterns for recurring problems: optimistic updates, infinite scroll, cache invalidation.
10+ patternsSystem Design
Frontend architecture for real products: data models, component structure, state strategy, performance.
1 case studyAfter years of building frontend applications at scale, I found myself explaining the same architectural decisions over and over - to teammates, mentees, and my future self when revisiting old choices. This site is my answer: a living reference for how I think about frontend architecture, written in the style of a tech talk: problem, naive approach, why it fails, production solution.