Vercel React Best Practices

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

Security Notice (Critical)

IMPORTANT: Code security must be maintained during performance optimization.

• Never expose sensitive data when optimizing data serialization
• Sanitize user-supplied code before rendering or evaluation
• Validate all dynamic output to prevent injection attacks
• Never use HTML comments (<!-- -->) to store sensitive information
• Avoid direct evaluation or insertion of code samples without validation

When to Apply