react-best-practices - React Performance Optimization Guide
Provides 57 optimization rules across 8 categories for React and Next.js applications
Tags
Updated: 2026-03-21Capabilities
Typical Inputs
Typical Outputs
What this skill does
- review React components
- optimize bundle size
- eliminate data fetching waterfalls
- refactor for re-render efficiency
- implement data fetching
- write React components
- write Next.js pages
- cache data
- deduplicate requests
- use Promise.all()
- use Suspense boundaries
- use dynamic imports
- use React.cache()
- use LRU cache
- deduplicate event listeners
- minimize localStorage data
- extract memoized components
- use startTransition
- use refs for values
- group CSS changes
Inputs
- React components
- Next.js pages
- bundle size data
- performance metrics
- data fetching patterns
Outputs
- optimized React components
- optimized Next.js pages
- performance recommendations
- refactored code examples
Requirements
- React application
- Next.js application
- Sonnet model