Vercel React Best Practices

45 performance optimization rules for React and Next.js, prioritized by impact.

When to Use

• Writing new React components or Next.js pages
• Reviewing code for performance issues
• Refactoring existing React/Next.js applications
• Optimizing bundle size, load times, or re-renders
• Implementing data fetching (client or server-side)

Rule Categories by Priority