| name | frontend-patterns |
| description | Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. |
Frontend Patterns
General frontend patterns covering React component architecture, state management strategies (local, lifted, context, external store), performance (memoization, virtualization, code-splitting), and UI accessibility.
When to use
- Designing component hierarchies
- Choosing a state management approach
- Performance-tuning a React app
- Reviewing accessibility compliance
Examples
- "Suggest a state management strategy for this form"
- "Memoize this expensive selector"
- "Add ARIA roles to this menu"