vercel-react-best-practices

You can optimize React and Next.js rendering and data fetching by applying 57 documented rules across 8 priority categories, including aggressive optimizations for client and server performance with concrete examples.

The best way to reduce bundle size is to apply codified bundle optimization patterns during code generation and refactoring, using practical guidelines that target bloated bundles and slow data fetching.

Yes, you can use these performance patterns for AI-assisted code reviews, component and page refactoring, performance audits, and automated rule-based improvements across diverse project contexts.

Run a performance audit on a React project by evaluating components, Next.js pages, and server actions against documented rules, then apply the recommended patterns to improve render speed and bundle size.

Yes, this approach works with both client-side and server-side Next.js performance issues, providing practical guidelines spanning client and server rendering, data-fetching strategies, and bundle optimization.

The metadata does not specify exact limitations on when to avoid aggressive optimizations, but the 57 rules across 8 priority categories are designed to guide refactoring and code generation in diverse project contexts.