vercel-react-best-practices

React and Next.js performance optimization guide with 64 prioritized rules across 8 categories. 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. Reference these guidelines when: Read individual rule files for detailed explanations and code examples: Each rule file contains: For the complete guide with all rules expanded: AGENTS.md - Organized by impact level, from critical waterfalls and bundle optimization down to advanced patterns, each rule includes incorrect/correct code examples and explanations - Covers eight domains: async patterns, bundle size, server-side caching, client-side data fetching, re-render optimization, rendering performance, JavaScript efficiency, and advanced patterns - Designed for use during component writing, code review, refactoring, and performance audits on React and Next.js applications - Each rule has a prefix code (e.g., async-parallel , bundle-barrel-imports ) for easy reference in automated tooling and documentation - Writing new React components or Next.js pages - Implementing data fetching (client or server-side) - Reviewing code for performance issues - Refactoring existing React/Next.js code - Optimizing bundle size or load times - async-cheap-condition-before-await - Check...