vercel-react-best-practices

React and Next.js performance optimization best practices involve eliminating data fetching waterfalls, reducing bundle sizes, and applying automated refactoring rules. This skill provides 57 categorized rules to guide code generation and improve application speed.

To eliminate waterfalls in React data fetching, apply targeted optimization rules that restructure sequential asynchronous calls into parallel streams. This skill provides automated refactoring guidelines to resolve critical data fetching bottlenecks.

Yes, you can use these optimization rules to refactor existing Next.js code. The guidelines are designed for AI agents to systematically review and automate code improvements across rendering, data fetching, and bundle size categories.

Yes, this skill covers bundle size optimization for React applications. It prioritizes bundle size reduction as a critical area, providing specific rules to guide code generation and automated refactoring for smaller, more efficient outputs.

You need performance optimization guidelines for React when developing new components or refactoring existing ones to ensure fast rendering and efficient data fetching. This skill provides over 50 rules to address speed and responsiveness issues.

The best way to automate React code refactoring for performance is to apply a comprehensive rule set covering rendering, data fetching, and bundle optimization. This skill offers 57 agent-friendly rules to guide automated code generation and review.