vercel-react-best-practices

To optimize React and Next.js performance during code reviews, apply structured guidelines across eight categories including bundle size, server-side rendering, and re-render optimization to identify bottlenecks and apply proven refactoring patterns.

Best practices for reducing bundle size in Next.js involve applying specific bundle optimization rules that target JavaScript performance and eliminate unnecessary code, ensuring faster load times and improved user experience.

Server-side rendering impacts Next.js performance by shifting rendering work to the server; you can improve it by applying server-side performance rules that eliminate data fetching waterfalls and optimize component rendering.

Yes, you can use this approach to refactor existing React components by applying re-render optimization and advanced pattern rules to identify performance bottlenecks and guide automated refactoring for better rendering performance.

The best way to eliminate data fetching waterfalls in Next.js is to apply categorized rules for client-side data fetching and server-side performance, restructuring sequential requests into parallel patterns to improve load times.

No specific dependencies are required to apply these React performance guidelines; they serve as a reference suite of 58 rules across 8 categories that can be integrated into your existing tooling for automated refactoring and code generation.