vercel-react-best-practices

React and Next.js performance optimization involves enforcing 57 rules across 8 priority categories, focusing on eliminating data waterfalls, bundle size reduction, server-side performance, and minimizing unnecessary re-renders.

Optimize bundle size and eliminate data fetching waterfalls by applying specific rule categories during code reviews and component generation that target server-side performance and client-side fetching patterns.

Yes, you can use these React performance rules to guide automated refactoring and code generation. The guidelines are designed to identify bottlenecks and enforce best practices across your Next.js and React codebases.

Prevent unnecessary component re-rendering in React by applying the re-render optimization and rendering performance rules during component design and code reviews to ensure efficient JavaScript execution.

Yes, this approach supports server-side performance and server actions in Next.js by codifying advanced patterns and explicit guidelines for data fetching, rendering, and server-side execution efficiency.

You should apply these React code review rules when writing new components, reviewing existing code, or refactoring for performance gains, ensuring your codebase adheres to 57 prioritized performance guidelines.