Vercel React Best Practices

Comprehensive performance optimization guide for React applications, maintained by Vercel. Contains 70 rules across 8 categories, prioritized by impact. Sourced from vercel-labs/agent-skills.

ryOS notes

ryOS is a Vite + React SPA with a standalone Bun API (not Next.js App Router). When applying this skill:

• Prefer React.lazy + Suspense over next/dynamic (bundle-dynamic-imports)
• Most server-* rules (RSC, React.cache, after(), server actions) do not apply to the SPA; still apply waterfall/Promise.all ideas in api/ handlers (async-api-routes, async-parallel)
• The repo uses React Compiler–oriented eslint rules — avoid adding useMemo/useCallback by default unless an existing pattern requires it
• Full rule text: AGENTS.md and rules/*.md in this skill directory

When to Apply