react-best-practices

React and Next.js performance optimization guidelines across 45 rules in 8 priority categories. Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 45 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation. Reference these guidelines when: For detailed explanations and code examples, read the full compiled document: AGENTS.md Each rule contains: #React #Next.js #performance #optimization #vercel #waterfalls #bundle-size #RSC #frontend - Covers critical waterfalls elimination, bundle size optimization, and server-side performance with specific patterns like Promise.all, dynamic imports, and React.cache() - Includes medium-priority rules for re-render optimization, rendering performance, and JavaScript efficiency with concrete code examples - Organized by impact level with prefixed rule names (async-, bundle-, server-, client-, rerender-, rendering-, js-, advanced-) for easy reference during code review and refactoring - Prohibits sequential awaits, barrel file imports, and array mutations; requires RSC boundary discipline and minimal client serialization - 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 -...