Vercel React Best Practices

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 70 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

When to Apply

Use for reported React or Next.js performance problems, measured regressions, or an explicit performance review or optimization request. Match guidance to the project's framework version and the affected path. Measure before and after changes; add caching, memoization, dependencies or other complexity only when the demonstrated problem justifies it.

Rule Categories by Priority