Decision guides
Guides
Comprehensive guides to navigate complex frontend decisions.
11 guides
-
Accessible Interaction Playbook
Guide to making interactive UI accessible through focus management and screen reader announcements.
-
Building with Progressive Enhancement
Guide to building web applications that keep working for everyone, whatever their browser supports.
-
Choosing a CSS Strategy
Decision framework for selecting between BEM, CSS-in-JS, Utility-first, and CSS Modules.
-
Choosing a Frontend Framework
Decision framework for selecting between React, Vue, Svelte, Angular, and other frontend frameworks based on real-world criteria.
-
Choosing a Networking Style for Realtime Apps
Decision framework for selecting between polling, Server-Sent Events, WebSockets, and CRDTs based on your application's realtime and collaboration requirements.
-
Choosing a State Management Approach
Decision framework for selecting between local state, lifted state, dependency injection, and global state libraries based on application needs.
-
Designing Component APIs
Decision framework for choosing between props, slots, render props, compound components, and other patterns when designing component interfaces.
-
Managing AI Response States
Patterns for handling the thinking and streaming states of a language model response, and the interruptions that can cut it short.
-
Managing Async UX States
Patterns for handling loading and error states across your frontend.
-
Securing Frontend Data Flows
Defense-in-depth checklist for reducing client-side injection risks and protecting user data.
-
Testing Confidence Ladder
Strategy for stacking unit, integration, visual, and accessibility tests to cover modern frontends.