V
vercel-react-best-practices
byvercel-labs·#3 trending
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…
28,800stars
First seenJan 19, 2026
Installation
Send this command to your AI agent:
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practicesDocumentation
React and Next.js performance optimization across 70 rules prioritized by impact.
- Organized into 8 categories from critical (eliminating waterfalls, bundle optimization) to low priority (advanced patterns), each with specific, actionable rules prefixed for easy reference
- Covers server-side performance including React.cache() deduplication, parallel fetching, and serialization minimization
- Addresses client-side concerns: re-render optimization through memoization and dependency management, rendering performance with CSS strategies and hydration patterns
- Includes JavaScript-level optimizations like DOM batching, caching, and Set/Map lookups for O(1) performance
- Each rule includes detailed explanations, incorrect and correct code examples, and contextual guidance for automated refactoring and code generation