vercel-react-best-practices

React and Next.js performance optimization involves eliminating data waterfalls, optimizing bundle size, and improving server-side and client-side rendering. A structured repository of 64 rules across 8 categories provides actionable guidelines for these tasks.

To eliminate waterfalls in your Next.js application, apply specific performance optimization guidelines focused on server-side and client-side performance. A structured rule repository validates these patterns using pnpm commands.

Yes, you need Node.js and pnpm to execute commands and validate rules. Running `pnpm install`, `pnpm build`, and `pnpm validate` extracts tests and applies the 64 performance optimization guidelines.

You optimize bundle size for a React application by following specific bundle size optimization rules. The guidelines repository includes dedicated categories for minimizing bundle size alongside server-side performance improvements.

Yes, the performance optimization guide works with SWR. SWR is explicitly listed as a dependency alongside React and Next.js to validate rules and extract tests for performance guidelines.