Flexbox, Grid, fluid sizing and container queries: the handful of patterns that solve most real-world layouts.
Merge classes safely, model variants, style by state with group and peer, and avoid the dynamic class name trap.
A practical checklist for semantics, keyboard support, names, contrast and motion before you ship a component.
Derive instead of syncing, subscribe narrowly to stores, memoize on purpose and load heavy code on demand.
Discriminated unions, satisfies with as const, generic components and exhaustive switches — with examples from this codebase.
Core Web Vitals targets and the Next.js techniques that move them: images, fonts, bundles and caching.
Methods and idempotency, status codes, consistent errors and cursor pagination — conventions clients can rely on.
Branching, Conventional Commits, keeping branches current and undoing mistakes without losing work.