vercel-react-best-practices

To optimize React and Next.js performance, apply comprehensive guidelines covering waterfall elimination, bundle size reduction, and re-render optimization. These rules provide correct code examples and impact metrics for automated refactoring.

The best way to reduce bundle size in Next.js is applying targeted optimization rules that eliminate unnecessary code. These rules provide incorrect versus correct code examples to guide automated refactoring and ensure efficient production builds.

To eliminate data fetching waterfalls in React, implement server-side and client-side fetching strategies defined by specific optimization rules. These patterns provide code examples to resolve sequential requests and improve loading performance.

Yes, you can use these Next.js optimization rules for automated refactoring. The guidelines provide specific incorrect versus correct code examples and impact metrics designed for AI agents and LLMs to execute performance improvements.

To prevent unnecessary re-renders in React, apply specific re-render optimization rules that identify inefficient component patterns. The guidelines contrast incorrect and correct code implementations to ensure efficient rendering performance.

Yes, this Skill provides examples for server-side data fetching strategies. It includes detailed rules with incorrect versus correct code examples to optimize data retrieval and eliminate performance bottlenecks in Next.js applications.