react-best-practices is agent-read markdown (skill) from eltmon/overdeck: 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..
Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.
What the file says
# Vercel React Best Practices
Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 45 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
## When to Apply
Reference these guidelines when:
- Writing new React components or Next.js pages
- Implementing data fetching (client or server-side)
- Reviewing code for performance issues
- Refactoring existing React/Next.js code
- Optimizing bundle size or load times
## Rule Categories by Priority
| Priority | Category | Impact | Prefix |
|----------|----------|--------|--------|
| 1 | Eliminating Waterfalls | CRITICAL | `async-` |
| 2 | Bundle Size Optimization | CRITICAL | `bundle-` |
| 3 | Server-Side Performance | HIGH | `server-` |
| 4 | Client-Side Data Fetching | MEDIUM-HIGH | `client-` |
| 5 | Re-render Optimization | MEDIUM | `rerender-` |
| 6 | Rendering Performance | MEDIUM | `rendering-` |
| 7 | JavaScript Performance | LOW-MEDIUM | `js-` |
| 8 | Advanced Patterns | LOW | `advanced-` |
## Quick Reference
### 1. Eliminating Waterfalls (CRITICAL)
- `async-defer-await` - Move await into branches where actually used
…
Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.
A 17 of 17 checks passed. Deterministic, no model, same answer every run.
pass: Frontmatter block present
pass: Frontmatter declares a name
pass: Frontmatter declares a description
pass: Size between 200 bytes and 200 KB (5309 bytes)
pass: No zero-width or bidi control characters
pass: No instruction hidden inside an HTML comment
pass: No link to an exfiltration or paste host
pass: No credential-shaped string
pass: No instruction to send local credentials anywhere
pass: No text hidden with inline styles
pass: No prompt-injection phrasing
pass: No curl or wget piped into a shell
pass: No recursive delete of root, home or parent
pass: No instruction to read or print local credentials
pass: No base64 blob over 200 characters
pass: No link to a raw IP address
pass: No script tag
Source
GitHub
eltmon/overdeck · 28 stars · license MIT · pushed 2026-09-24 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_c3b5fetqkogkszyw
GET https://markdownregistry.com/api/v1/resolve?ref=eltmon/overdeck/react-best-practices
GET https://markdownregistry.com/api/v1/blob/1ded1b7f6d88b086b28ca533a07c3427d5557c5eb16a4d223a73337cf90521c1
Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
eltmon/overdeck · src/lib/caveman/skills/caveman-review/SKILL.md · Ultra-compressed code review comments. Cuts noise from PR feedback while preserving the actionable signal. Each comment…
eltmon/overdeck · src/lib/caveman/skills/caveman/SKILL.md · Ultra-compressed communication mode. Cuts token usage ~75% by speaking like caveman while keeping full technical…
eltmon/overdeck · sync-sources/dev-skills/pan-dashboard-restart/SKILL.md · Safely restart the Overdeck dashboard server (production Node 22 dist) using a detached process. Use when pan up / pan…
eltmon/overdeck · sync-sources/dev-skills/pan-skill-installer/SKILL.md · Install an external skill or Claude Code plugin into Overdeck's bundled distribution so pan sync ships it to every…
eltmon/overdeck · sync-sources/dev-skills/token-spend-report/SKILL.md · Regenerate Overdeck's public token spend report from the post-rebrand cost archive
eltmon/overdeck · sync-sources/skills/benchmark/SKILL.md · Create a benchmark issue to test Overdeck's agent pipeline. Creates a GitHub issue from a stored template with a…
aiskillstore/marketplace · skills/0xbigboss/react-best-practices/SKILL.md · Use when reading or writing React components (.tsx, .jsx files with React imports).
majiayu000/spellbook · skills/react-best-practices/SKILL.md · React and Next.js performance playbook distilled from Vercel Engineering guidance. Use when building, reviewing, or…
secondsky/claude-skills · plugins/react-best-practices/skills/react-best-practices/SKILL.md · React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…
kunanonj/ai-skills-hub · .agents/skills/react-best-practices/SKILL.md · Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Use when writing…
