React Best Practices
Vercel's performance rules for React and Next.js, applied while the agent writes or reviews code.
- AI Skills
- Coding workflow
- Free
- Added 28 October 2026
Alternatives to React Best Practices
All of Coding workflow
Test-Driven DevelopmentCoding workflowFreeRed, green, refactor: the agent writes a failing test before any code.
SuperpowersCoding workflowFreeJesse Vincent's full set of skills for planning, test-first coding, debugging and code review.
Writing PlansCoding workflowFreeTurns a spec into a step-by-step build plan before the agent touches the code.
Security Threat ModelCoding workflowFreeWrites a threat model of your repository: trust boundaries, abuse paths and fixes.
Systematic DebuggingCoding workflowFreeMakes the agent find the root cause of a bug before it tries a fix.
GitHub Fix CICoding workflowFreeReads failing GitHub Actions checks on a pull request and plans the fix with you.
Web Design GuidelinesDesign & front endFreeVercel's review of your UI code against its interface guidelines: accessibility, forms, focus and more.
Deploy to VercelBuild & shipFreeAsk your agent to put the project live and it creates a Vercel deployment and hands back the link.
React Best Practices, side by side
- React Best Practices vs Test-Driven Development
- React Best Practices vs Superpowers
- React Best Practices vs Writing Plans
- React Best Practices vs Security Threat Model
In search, type /like react best practices or /vs react best practices … to get here from anywhere.