vercel-react-best-practices

To optimize React and Next.js performance during code review, apply standardized guidelines across eight categories like bundle size and server-side rendering to identify and refactor suboptimal code patterns.

The best way to reduce bundle size in a Next.js application is to follow actionable optimization guidelines that provide real-world examples and measurable impact for refactoring components and data fetching logic.

To eliminate data fetching waterfalls in React server components, implement standardized performance patterns that restructure sequential client-side requests into parallel or optimized server-side data fetching operations.

Yes, this approach works for optimizing Next.js server actions and SSR by providing specific server-side performance rules that guide automated refactoring and improve data fetching efficiency.

Your React component re-renders excessively due to unoptimized state management or props, which you can fix by applying re-render optimization patterns to generate concrete code changes that prevent unnecessary renders.