vercel-react-best-practices

React and Next.js performance optimization is achieved by applying proven patterns for component design, data fetching, and bundle optimization incrementally with low risk. This provides 65+ rules across 8 categories with validation and actionable steps.

Next.js server and client boundaries best practices involve applying concrete rules and verification steps to guide component design and refactoring. These patterns help identify and fix performance bottlenecks common in React and Next.js projects.

Eliminating data fetching waterfalls in Next.js server components requires applying enforceable patterns with clear rules and verification steps. This approach consolidates Vercel Engineering performance guidance into actionable scenarios.

AI agents can automatically apply React performance patterns during code reviews using agent-friendly guidance designed for automated workflows. This enables consistent application of 65+ rules covering rendering optimizations and bundle size reduction.

React performance guidance works for existing Next.js projects by applying patterns incrementally with low risk. It provides actionable steps for component design, data fetching, and bundle optimization scenarios to fix performance bottlenecks.

Next.js bundle size issues can occur when server and client boundaries are not optimized correctly. Applying proven bundle optimization patterns with concrete verification steps helps identify and fix these performance bottlenecks incrementally.