vercel-react-best-practices

To optimize React and Next.js performance during a refactor, apply structured best practices focusing on eliminating data waterfalls, minimizing bundle size, and enforcing robust SSR and CSR correctness across client and server boundaries.

Best practices for Next.js App Router server actions involve enforcing safe data handling across boundaries, applying performance guardrails, and ensuring robust SSR and CSR correctness to eliminate request waterfalls.

Reduce bundle size in a React and Next.js application by applying a catalog of performance rules that target bundle optimization specifically, alongside server-side performance and advanced rendering patterns.

You can use these React performance patterns for code reviews, refactors, and migrations by checking code against a consolidated set of rules spanning rendering, client data fetching, and server-side performance.

Apply Next.js SSR and CSR correctness guardrails when writing, reviewing, or refactoring code to ensure safe data handling across client and server boundaries and prevent reliability issues as teams scale.