vercel-react-best-practices

To optimize React and Next.js performance during a code review, apply a structured catalog of rules across eight categories targeting critical bottlenecks like waterfalls, bundle size, and server performance.

Best practices for refactoring React components involve applying priority-driven improvements that target unoptimized rendering and inefficient data-fetching patterns, ensuring automated refactoring steps respect correctness and safety.

It handles data-fetching waterfalls in Next.js by applying targeted performance best practices that restructure data retrieval, prioritizing critical bottlenecks to deliver faster, leaner applications.

Yes, you can use these performance rules for writing new React components, as the guidelines are specifically applicable to feature development, refactors, and code reviews to enforce high-impact optimizations.

The best way to reduce bundle size in a Next.js project is to apply priority-driven performance best practices that identify inefficient patterns and enforce automated refactoring for leaner applications.

You should prioritize server performance over client rendering in React when addressing critical bottlenecks, using cataloged rules to balance server and client execution for optimal load times and architecture.