vercel-react-best-practices

To optimize React and Next.js performance, apply category-driven rules to diagnose and fix bottlenecks like slow renders and bloated bundles. This provides concrete examples and guardrails to guide automated refactoring for scalable improvements across load times and memory usage.

Best practices for reducing bundle size involve applying priority-driven rules for code-splitting and efficient data fetching. This approach trims unnecessary code and ensures scalable improvements in application load times.

Fixing inefficient data fetching waterfalls in server-rendered React pages requires applying curated patterns that reduce sequential fetching. This ensures optimized server-side rendering and improved data loading performance.

Yes, you can use these best practices to guide automated refactoring of existing React code. The 69 rules across 8 categories provide concrete examples and guardrails specifically designed to direct code generation and automated refactoring tasks.

You should refactor React code to improve SSR and CSR performance when projects scale and experience slower renders or bloated bundles. Applying these patterns during code review and refactoring ensures optimized load times and memory usage.