# vercel-react-best-practices

- **Publisher**: Vercel Labs (Verified Publisher)
- **Repository**: https://github.com/vercel-labs/agent-skills
- **skills.sh URL**: https://skills.sh/vercel-labs/agent-skills/vercel-react-best-practices
- **License**: MIT
- **Stars**: 33,400
- **Canonical Web Page**: https://builderthread.dev/skill/vercel-labs/agent-skills/vercel-react-best-practices
- **Parent Topic**: [nextjs](https://builderthread.dev/skill/for/nextjs.md)
- **Last Verified**: 2026-11-02
- **Supported Coding Agents**: Claude Code, Cursor, Codex, Windsurf

## Description
Essential rules for building fast React 19 apps in Next.js App Router, keeping bundles lean and eliminating hydration mismatches.

## Install Command
```bash
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices
```

## When to Use This Skill
- Structuring Server and Client Component hierarchies in Next.js App Router
- Resolving async page params and searchParams per Next.js 16 standards
- Preventing hydration mismatches from client-only browser state

## Files Inside Package
- `SKILL.md`
- `references/rsc.md`
- `references/async-params.md`

---

## Production Grade Starter Repo

Pre built starter repo with auth, databases, backend, and AI integrations already configured based on your tech stack of choice (worth $200+ and saves you 30+ hours of configuration).

- Supported languages: TypeScript, React Native, Rust, Go, Python, Java
- Frameworks: 18+ Frontend frameworks, 45+ Backend frameworks
- Start now: https://builderthread.dev/auth/signup