Vercel React Best Practices

Comprehensive performance optimization guide for React, React Native, and Next.js applications, maintained by Vercel. Contains 65 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation. Includes platform-specific examples (Web, React Native) and library alternatives (SWR, React Query, Jotai).

When to Apply

Reference these guidelines when:

• Writing new React components, React Native screens, or Next.js pages
• Implementing data fetching (client or server-side) with SWR, React Query, or other libraries
• Reviewing code for performance issues across web and mobile platforms
• Refactoring existing React/React Native/Next.js code
• Optimizing bundle size or load times
• Choosing between framework alternatives (Next.js vs Vite vs CRA)
• Selecting state management or data fetching libraries

Rule Categories by Priority