Frontend Development Patterns Modern frontend patterns for React, Next.js, and performant user interfaces. When to Activate - Building React components (composition, props, rendering) - Managing state (useState, useReducer, Zustand, Context) - Implementing data fetching (SWR, React Query, server components) - Optimizing performance (memoization, virtualization, code splitting) - Working with forms (validation, controlled inputs, Zod schemas) - Handling client-side routing and navigation - Building accessible, responsive UI patterns Component Patterns Composition Over Inheritance Compound Comp…