# vercel-react-best-practices

Agent skill by Vercel (https://vercel.com)

Applied when writing, reviewing or refactoring React and Next.js code, so the performance decisions are made while the code is written rather than profiled afterwards.

Topics: Performance, Components
Last updated: 2026-04-14 (5 months ago)
Source: https://github.com/vercel-labs/agent-skills
Repository: https://github.com/vercel-labs/agent-skills

## Install

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

## In the author's words

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

## Verification

- Source link: Resolved (HTTP 200) (pass)
- Repository: Resolves on GitHub (pass)
- Install command: Transcribed from the author's own page (pass)
- Maintenance: Last updated 5 months ago (pass)
- Attribution: Credited to Vercel (pass)

Full page: https://stackskills.dev/library/vercel-react-best-practices