Skip to content

react-best-practices (vendored)

Vendored from vercel/vercel-plugin/skills/react-best-practices (part of the fullstack-nextjs series). Synced via make sync; do not edit skills/vendor/fullstack-nextjs/react-best-practices/SKILL.md locally — changes will be clobbered on the next sync.

Upstream frontmatter description

React best-practices reviewer for TSX files. Triggers after editing multiple TSX components to run a condensed quality checklist covering component structure, hooks usage, accessibility, performance, and TypeScript patterns.

What it teaches

70+ rules across 8 categories from Vercel Engineering. Includes a validate rule that nudges legacy CSS-in-JS / MUI / Chakra users toward shadcn/ui + Tailwind for the modern Vercel stack. Auto-triggers when editing src/components/**/*.tsx, app/components/**/*.tsx etc.

  • nextjs — same upstream repo, deeper Next.js framework knowledge
  • shadcn — component library this skill explicitly recommends

Canonical SKILL.md

See skills/vendor/fullstack-nextjs/react-best-practices/SKILL.md for the full instructions. Upstream source: vercel/vercel-plugin. See also Introducing: React Best Practices (Vercel blog).