vercel-react-best-practices

Optimize React and Next.js performance by applying 57 best-practice rules across eight categories, targeting component design, data fetching, server actions, and bundling to improve Time to Interactive.

Using Suspense and code-splitting effectively requires applying prioritized patterns across client and server environments, enforcing rules for robust hydration and bundle optimization to ensure scalable performance.

Yes, it supports both client and server environments in Next.js, delivering prioritized patterns for server actions, data fetching, and component design across diverse rendering scenarios to ensure scalable performance.

Implement server actions and data fetching best practices by applying actionable guidelines and automated refactoring rules that ensure robust performance across server and client component boundaries.

You need bundle optimization and hydration strategies when React performance degrades as apps grow, requiring enforced rules for code-splitting and Suspense to maintain a robust user experience.