--- title: Vercel Launches React Best Practices Skill with 40+... description: Vercel has open-sourced 'react-best-practices', a repository containing 40+ performance optimization rules for React and Next.js applications. Organized into... canonical: https://daily.dev/posts/vercel-launches-react-best-practices-skill-with-40-performance-optimization-rules-for-ai-code-assis-j6vgcuvif twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Vercel Launches React Best Practices Skill with 40+ Performance Optimization Rules for AI Code Assistants | daily.dev og:description: Vercel has open-sourced 'react-best-practices', a repository containing 40+ performance optimization rules for React and Next.js applications. Organized into... og:url: https://daily.dev/posts/vercel-launches-react-best-practices-skill-with-40-performance-optimization-rules-for-ai-code-assis-j6vgcuvif og:image: https://api.daily.dev/og/posts/J6VGCUvIf.png og:image:alt: Vercel Launches React Best Practices Skill with 40+ Performance Optimization Rules for AI Code Assistants og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Vercel Launches React Best Practices Skill with 40+ Performance Optimization Rules for AI Code Assistants **[Collections](https://daily.dev/sources/collections)** · 2 min read · 45 upvotes · 2 comments ## Summary 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. ## Content 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 AGENTS.md 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. ## Community discussion Top comments from developers on daily.dev. **@quello** · 4 upvotes > where link? **@summonair** · 2 upvotes > old news, it's out for months already --- Tags: [#ai-coding](https://daily.dev/tags/ai-coding), [#nextjs](https://daily.dev/tags/nextjs), [#performance](https://daily.dev/tags/performance), [#react](https://daily.dev/tags/react), [#vercel](https://daily.dev/tags/vercel) [View this post on daily.dev](https://daily.dev/posts/vercel-launches-react-best-practices-skill-with-40-performance-optimization-rules-for-ai-code-assis-j6vgcuvif) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Vercel Launches React Best Practices Skill with 40+ Performance Optimization Rules for AI Code Assistants","url":"https://daily.dev/posts/vercel-launches-react-best-practices-skill-with-40-performance-optimization-rules-for-ai-code-assis-j6vgcuvif","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/vercel-launches-react-best-practices-skill-with-40-performance-optimization-rules-for-ai-code-assis-j6vgcuvif"},"datePublished":"2026-02-27T14:42:35.721Z","dateModified":"2026-03-15T07:35:53.576Z","description":"Vercel has open-sourced 'react-best-practices', a repository containing 40+ performance optimization rules for React and Next.js applications. Organized into...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/e358381becdad4ad5b25fc7f1b0c58df?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/e358381becdad4ad5b25fc7f1b0c58df?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Collections","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Collections","logo":"https://media.daily.dev/image/upload/s--fk_6ycEi--/f_auto,q_auto/v1780996001/logos/collections?_a=BAMAMiWQ0","url":"https://daily.dev/sources/collections"},"commentCount":2,"discussionUrl":"https://daily.dev/posts/vercel-launches-react-best-practices-skill-with-40-performance-optimization-rules-for-ai-code-assis-j6vgcuvif","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":45},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":2}],"keywords":"ai-coding,nextjs,performance,react,vercel","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Collections","item":"https://daily.dev/sources/collections"},{"@type":"ListItem","position":3,"name":"Vercel Launches React Best Practices Skill with 40+ Performance Optimization Rules for AI Code Assistants"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/vercel-launches-react-best-practices-skill-with-40-performance-optimization-rules-for-ai-code-assis-j6vgcuvif","comment":[{"@type":"Comment","text":"where link?","datePublished":"2026-03-09T08:59:44.763Z","url":"https://daily.dev/posts/J6VGCUvIf#c-L32Mufl3M","author":{"@type":"Person","name":"Quello","url":"https://daily.dev/quello","image":"https://media.daily.dev/image/upload/s--O0TOmw4y--/f_auto/v1715772965/public/noProfile"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":4}},{"@type":"Comment","text":"old news, it’s out for months already","datePublished":"2026-03-07T22:41:47.460Z","url":"https://daily.dev/posts/J6VGCUvIf#c-ydMKd2sVI","author":{"@type":"Person","name":"Summonair","url":"https://daily.dev/summonair","image":"https://media.daily.dev/image/upload/s--GODeig-X--/f_auto/v1726154030/avatars/avatar_hwFlnSH90EY86DOzmhl2O"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}}]} ```