vercel-react-best-practices

Identify React and Next.js performance issues by applying targeted rule catalogs covering server components, client components, rerendering, and bundle size to review components and data-fetching patterns. It enforces safe, production-grade patterns across 57 rules in 8 categories.

Optimize React bundle size by selecting applicable rules from the catalog targeting bundle imports and advanced patterns. This generates targeted optimizations to improve TTI, LCP, and bundle efficiency across real-world Next.js apps.

Server components affect data fetching by enforcing specific patterns for API routes and server actions. The guidelines specify safe, production-grade rules across 8 categories including async operations and server-side rendering optimizations.

Apply these React best practices to refactoring existing production apps by executing targeted optimizations across components, pages, and data-fetching patterns. The catalog provides actionable guidance for real-world use cases including build optimizations.

Choose between client and server components using specific rules across 8 categories that cover rendering and rerender patterns. The guidelines help teams write faster, more reliable code by applying proven performance patterns to component architecture.

Slow load times with server components may stem from suboptimal data fetching strategies or bundle imports. Identify these issues using a catalog of 57 performance rules covering async patterns, bundle size, and rendering to generate targeted optimizations.