Vercel has taken a significant step towards enhancing performance optimization in React and Next.js applications by releasing ‘react-best-practices’, an open-source repository containing over 40 performance optimization rules. This repository is structured to cater to both AI coding agents and human developers, offering practical guidelines for enhancing application efficiency.
The rules within ‘react-best-practices’ span eight meticulously curated categories, each prioritized based on its impact. They cover a range of strategies including eliminating async waterfalls, reducing bundle sizes, optimizing re-renders, and various JavaScript micro-optimizations. Each rule is accompanied by before-and-after code examples, serving as a practical guide for implementation.
Furthermore, the repository provides a unique <a href="http://AGENTS.md" target="_blank" rel="noopener nofollow">AGENTS.md</a> file that compiles all these rules into a format that can be queried by AI tools like Claude Code, Cursor, Codex, and OpenCode. This innovative approach allows these tools to incorporate performance best practices seamlessly with just a single install command. Unlike traditional ESLint plugins that focus on syntactic rules, this framework targets higher-level architectural decisions.
The community’s reaction to the repository has been a mixture of excitement and skepticism. While the repo has achieved impressive traction with over 21k GitHub stars and 150k weekly installs, some members express concerns about supply chain security and the effectiveness of codified rules in addressing the real failure modes of AI coding agents.
Vercel’s initiative marks a pivotal move towards refining AI-driven development, ensuring that both developers and AI agents adhere to established best practices in optimizing React and Next.js applications.

Collections

Vercel has open-sourced 'react-best-practices', a repository containing 40+ performance optimization rules for React and Next.js applications. Organized into eight categories, the rules cover async waterfall elimination, bundle size reduction, re-render optimization, and JavaScript micro-optimizations, each with before-and-after code examples. A key feature is an AGENTS.md file that packages all rules into a format queryable by AI coding tools like Claude Code, Cursor, Codex, and OpenCode via a single install command. The repo has gained over 21k GitHub stars and 150k weekly installs, though some community members raise concerns about supply chain security and whether codified rules effectively address AI agent failure modes.

Vercel Launches React Best Practices Skill with 40+ Performance Optimization Rules for AI Code Assistants

old news, it’s out for months already