Vercel React Best Practices
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.
Why this rating
Deterministic checks triggered by the tool capabilities and evidence.
- Locality: Local
Skill content is a static guidance set used in local code-review/refactor workflows.
- Data access: Sensitive
Applied on source files that can include private business logic and internal architecture.
- Action surface: Read
Primary capability is evaluative guidance and rule lookup, not direct external mutation.
Best practices
Follow these steps to reduce risk when using this skill.
- Review recommendations in context to avoid regressions in security or business-critical behavior.
- Apply refactors incrementally with benchmarks and tests instead of broad unverified rewrites.
- Keep sensitive code examples out of shared/public review artifacts.
Evidence links
Public sources backing the indicator assignments.
Always be careful when navigating away from the website.
Max-risk rule
If any capability reaches a higher level, the entire indicator level bumps up to keep ratings deterministic and easy to scan.