vercel-react-best-practices

To identify React and Next.js performance bottlenecks, review your project against a prioritized ruleset covering waterfalls, bundle size, server-side rendering, and client-side data fetching to improve code quality during reviews and refactoring.

React component re-render optimization and JavaScript performance best practices involve applying a rule-driven rubric during component generation and refactoring to ensure rendering performance and advanced patterns are consistently satisfied.

To eliminate data fetching waterfalls in Next.js applications, enforce server-side performance and client-side data fetching best practices by applying comprehensive per-file rules during writing and reviewing to ensure optimal data-fetch strategies.

Yes, this approach supports bundle size optimization for Next.js production codebases by applying bundling considerations and per-file rules during code generation and refactoring to ensure consistent high-quality patterns and reduce bundle bloat.

Apply server and client component optimizations in Next.js during writing, reviewing, or refactoring React components and pages to ensure server/client optimizations and bundling considerations are satisfied via a comprehensive rule-driven rubric.