React Best Practices

React Best Practices gives an AI coding agent a structured performance lens for React and Next.js work. It can shape new implementations, support code reviews and guide refactoring by examining decisions across the server, browser and component tree. The material is organized by likely impact, helping the agent distinguish major architectural slowdowns from smaller runtime improvements.

Highlights

• Detects serial asynchronous work that could unnecessarily extend response or render time
• Reviews imports, conditional loading and third-party code for avoidable bundle weight
• Covers server rendering, caching, data transfer and request-level efficiency
• Examines component state, effects and subscriptions for redundant rerenders
• Includes browser rendering and JavaScript patterns for frequently executed paths

The skill is aimed at React developers, Next.js teams and reviewers who use coding agents for implementation or performance-focused maintenance. It is especially useful when a project needs consistent guidance across data fetching, component boundaries and delivery size instead of a narrow lint check. Install it from Vercel’s public agent-skills collection with the skills CLI; the repository also includes supporting rule material and build utilities.