frontend-patterns - Frontend Development Patterns for React and Next.js
Provides frontend development patterns for React, Next.js, state management, data fetching, performance optimization, forms, and accessible responsive UI.
Tags
Updated: 2026-09-29Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Design React components
- Define custom hooks
- Manage application state
- Implement data fetching
- Optimize rendering performance
- Handle validated forms
- Build accessible responsive interfaces
- Configure client-side navigation
Inputs
- React or Next.js codebase
- Application state requirements
- Data fetching requirements
- Form validation requirements
- Performance requirements
- UI accessibility requirements
Outputs
- Frontend implementation code
- Reusable React components
- Custom hooks
- State management logic
- Data fetching logic
- Validated form interfaces
- Performance optimization patterns
Requirements
- React or Next.js environment
- Frontend development dependencies