React best practices

Vercel's current React guidance — server and client boundaries, data fetching, caching, the Compiler era.

Installation

$ npx skills add vercel-labs/agent-skills

The CLI's unit is the repository, so this installs everything in vercel-labs/agent-skills, not vercel-react-best-practices alone. It writes into whichever agent directories it finds — Claude Code, Codex, Cursor, Copilot, Windsurf, Zed.

Summary

Vercel's current React guidance — server and client boundaries, data fetching, caching, the Compiler era.

  • Reach for it when your agent is still writing 2022 React: manual memoisation, effects for derived state, client components by default.
  • Sits in Implement — writing the change: framework-specific conventions, and the discipline that keeps a long agent run on the rails.
  • Assumes react, web.
  • Published by Vercel Labs, who ship the thing it is about — a stronger claim than a well-regarded engineer having written something good.
  • Installing pulls the whole vercel-labs/agent-skills repository: this catalogue lists 4 other entries from it, and the repo may hold more.

Where it sits in delivery

ImplementWriting the change: framework-specific conventions, and the discipline that keeps a long agent run on the rails.Everything in Build

The skill itself

The full text lives with its publisher and changes when they change it. Read it there rather than here — a mirrored copy of somebody else's procedure goes stale silently, and this page would have no way of telling you.

Related

More in Implement