vercel-react-best-practices

To optimize React and Next.js performance, apply a prioritized catalog of 45 rules covering eliminating waterfalls, bundle size reduction, and server-side performance. It provides practical patterns and explicit examples to guide refactoring.

The best way to reduce Next.js bundle size is applying specific optimization rules for code-splitting and data fetching boundaries. This skill provides decision criteria and practical patterns to support automated refactoring and minimize client-side JavaScript.

Eliminate data fetching waterfalls in React by enforcing specific performance patterns that optimize client-side data fetching and parallelize requests. The skill provides real-world scenarios and explicit guidance for refactoring sequential fetches.

Yes, you can audit an existing React codebase using the 45 prioritized rules across 8 categories. The skill provides real-world scenarios and decision criteria to guide quality checks, tool integration, and iterative refinement during development.

Improve Next.js server-side rendering performance by applying targeted rules from the Server-Side Performance category. The skill defines SSR/CSR boundaries and data fetching patterns that optimize rendering efficiency with practical examples.