react-best-practices
✓React performance optimization guidelines from Vercel Engineering. This skill should be used proactively when writing, reviewing, or refactoring React code to ensure optimal performance patterns. Triggers on tasks involving React components, bundle optimization, or performance improvements.
Installation
SKILL.md
Comprehensive performance optimization guide for React applications, adapted from Vercel Engineering. Contains 30 rules across 7 categories, prioritized by impact to guide automated refactoring and code generation.
Note: This version has been customized for pure React 19.2: Server-side data fetching and SWR rules removed (project uses react-query) Next.js-specific rules removed (next/dynamic, SSR hydration, etc.) React Compiler is enabled - Memoization rules (memo, useMemo, useCallback) removed as the compiler handles this automatically
| 1 | Eliminating Waterfalls | CRITICAL | async- | | 2 | Bundle Size Optimization | CRITICAL | bundle- | | 3 | Client-Side Patterns | MEDIUM-HIGH | client- | | 4 | Re-render Optimization | MEDIUM | rerender- | | 5 | Rendering Performance | MEDIUM | rendering- | | 6 | JavaScript Performance | LOW-MEDIUM | js- | | 7 | Advanced Patterns | LOW | advanced- |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/lgariv-dn/frontend-skills --skill react-best-practices- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is react-best-practices?
React performance optimization guidelines from Vercel Engineering. This skill should be used proactively when writing, reviewing, or refactoring React code to ensure optimal performance patterns. Triggers on tasks involving React components, bundle optimization, or performance improvements. Source: lgariv-dn/frontend-skills.
How do I install react-best-practices?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/lgariv-dn/frontend-skills --skill react-best-practices Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/lgariv-dn/frontend-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01