vercel-react-best-practices

To optimize React and Next.js performance, apply consolidated best practice rules across component design, data fetching, server components, and bundle optimization to resolve suboptimal rendering patterns and reduce bundle size.

React data fetching and server component best practices include applying targeted patterns across server and client contexts to eliminate blocking fetches and optimize rendering, ensuring performance-aware decisions guide automated code generation.

Yes, you can use this to guide automated refactoring of existing React codebases. It provides practical rules with concrete examples to support performance-aware code generation and component design improvements across real projects.

Fixing unnecessary React rerenders and client bottlenecks involves applying specific performance rules across rerender and client categories. This guides targeted refactoring to minimize blocking operations and optimize component rendering cycles.

Yes, this covers bundle optimization and advanced JavaScript patterns for Next.js. It spans eight categories including bundle, js, and advanced, providing concrete rules to drive measurable performance improvements in real projects.

Apply Next.js server components versus client components based on performance rules across server and client categories. These guidelines direct rendering and data fetching decisions to minimize bundle size and optimize blocking fetches.