vercel-react-only-best-practices
OfficialBoost React performance with best practices.
Authorpelith
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill consolidates React performance guidelines from Vercel Engineering to help developers write, review, and refactor React code to achieve faster, more reliable UI.
Core Features & Use Cases
- Phased guidance across 7 priority categories (Eliminating Waterfalls, Bundle Size, Data Fetching, Re-rendering, Rendering, JavaScript, Advanced Patterns) to drive automated refactoring and code-gen tasks.
- Practical patterns for deferring awaits, strategic Suspense boundaries, avoiding barrel imports, memoization, and explicit dependency management.
- Use Case: When optimizing a large React dashboard, apply these rules to reduce waterfalls, shrink bundles, and improve perceived performance during interactions.
Quick Start
Apply the guidelines to a failing React component by auditing for waterfall, bundling, data-fetching, and render patterns; implement the recommended patterns and verify improvements with automated checks.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: vercel-react-only-best-practices Download link: https://github.com/pelith/Project-Remora-Frontend/archive/main.zip#vercel-react-only-best-practices Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.