vercel-react-best-practices

by @vercel-labs/agent-skills · 24.0K stars · 256.1K installs/wk · Rank #2

Comprehensive performance optimization rules and best practices for React and Next.js applications.

Install

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices

Summary

Organized by impact level, from critical waterfalls and bundle optimization down to advanced patterns, each rule includes incorrect/correct code examples and explanations
Covers eight domains: async patterns, bundle size, server-side caching, client-side data fetching, re-render optimization, rendering performance, JavaScript efficiency, and advanced patterns
Designed for use during component writing, code review, refactoring, and performance audits on React and Next.js applications
Each rule has a prefix code (e.g., async-parallel, bundle-barrel-imports) for easy reference in automated tooling and documentation