react-performance
React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://github.com/vercel-labs/agent-skills). Organizes 70+ rules across 8 priority categories — waterfalls, bundle size, server-side, client fetching, re-render, rendering, JS micro-perf, advanced. Use when writing, reviewing, or refactoring React/Next.js code for performance.
- installs 8w
- 1,985
- 30-day movement
- starts with the next reading
- Related entries
- 3
- Connections
- 0
An agent skill (SKILL.md) that packages React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices. It organizes 70+ rules into 8 priority categories covering waterfalls, bundle size, server-side work, client fetching, re-renders, rendering, JS micro-perf, and advanced topics.
Reach for it when writing, reviewing, or refactoring React/Next.js code where performance matters, so the agent applies a prioritized rule set instead of ad-hoc advice.
Use it to
- Eliminate sequential await waterfalls in server code
- Reduce bundle size via direct and dynamic imports
- Deduplicate per-request data with React.cache
- Defer third-party scripts until after hydration
- Review React/Next.js code for re-render costs
For Developers building or optimizing React and Next.js applications
- Host repository
- affaan-m/ECC
- Installs, lifetime
- 3,100
- Installs, 8 weeks
- 1,985
- Host stars
- 261k
- Host language
- JavaScript