vercel-react-best-practices

To reduce Next.js waterfalls, apply rules for server-side data fetching, Suspense boundaries, and minimal server-client serialization to resolve bottlenecks across your codebase.

Optimizing React bundle size involves deferring non-critical code, lazy loading components, and applying specific bundle optimization rules to reduce waterfalls and improve loading metrics like TTI and LCP.

Using Server Actions securely requires applying security guardrails and minimal server-client serialization patterns, ensuring you maintain performance while executing server-side logic within your React components.

Yes, you can apply these React performance patterns to large codebases because the guidelines offer practical patterns, guardrails, and migration advice supporting safe, production-grade refactoring across 57 prioritized rules.

You should use memoization in React and Next.js apps to prevent unnecessary re-renders and reduce waterfalls, applying it alongside lazy loading and deferred non-critical code execution for optimal rendering performance.