vercel-react-best-practices

React and Next.js performance best practices span eight priority areas including eliminating waterfalls, bundle size optimization, and re-render optimization. This Skill verifies code against 69 prioritized rules to guide automated refactoring and code generation.

To optimize React rendering performance, this Skill applies rules targeting re-render optimization, client-side data fetching, and advanced patterns. It scans components and pages to identify bottlenecks and enforces best practices for automated refactoring.

Yes, you can use this Skill to fix Next.js server-side performance and data fetching waterfalls. It provides AI-guided rules for server/client interactions and eliminating waterfalls, ensuring optimal data fetching strategies across modern React apps.

The best way to reduce bundle size in a Next.js application is applying this Skill's bundle size optimization rules. It analyzes your components and bundling strategies, offering concrete patterns to improve app efficiency through automated refactoring.

Yes, this automated refactoring Skill works without external dependencies. It operates as an AI-driven agent that scans your React and Next.js codebase directly, aligning it with eight priority rule areas to improve app efficiency.

You should not use automated code generation for React performance optimization when resolving highly custom rendering logic outside standard server/client interactions. This Skill enforces 69 concrete rules across eight categories, prioritized by impact for standard refactoring tasks.