vercel-react-best-practices

To optimize React and Next.js performance during a code review, apply a structured playbook of rules across eight categories including bundle size, server-side performance, and re-render optimization to identify and refactor inconsistent patterns.

Eliminating data fetching waterfalls in Next.js involves applying specific performance rules to parallelize requests and optimize both client-side and server-side data fetching strategies for improved speed and responsiveness.

Reduce bundle size and re-renders when refactoring React components by enforcing concrete guidelines for JavaScript performance and rendering performance, prioritizing critical impacts to consistently improve user experience.

Yes, you can use these React performance rules for both new features and refactoring existing pages, as the guidelines support code generation and automated refactoring across components, pages, and data fetching.

Apply advanced patterns for React and Next.js performance optimization when basic refactoring is insufficient, utilizing the eighth rule category to tackle complex build-time optimizations and rendering performance regressions.