vercel-react-best-practices

To optimize React and Next.js performance, this Skill provides over 70 AI-assisted guidelines across 8 categories, including eliminating waterfalls, bundle size optimization, and server-side performance, to guide automated refactoring.

Best practices for reducing bundle size involve applying categorized performance rules prioritized by impact level, which provide detailed incorrect versus correct code examples to improve load times in Next.js applications.

To eliminate data fetching waterfalls in React, you apply CRITICAL and HIGH impact performance rules that offer specific patterns for client-side data fetching and re-render optimization.

Yes, you need Node.js installed along with specific dependencies like Next.js, React, SWR, and lodash to build and validate the rule files required for generating the performance guidelines.

You generate the quick reference file by running the build command in the root directory, which produces an AGENTS.md file containing all the prioritized performance rules for immediate application.