Vercel: оптимизация React и Next.js

engineering

vercel-react-best-practices — это скилл для Claude Code, который содержит 57 правил оптимизации производительности React и Next.js, составленных инженерами Vercel. Правила разбиты на 8 категорий по убыванию приоритета: устранение waterfalls и оптимизация bundle size помечены как CRITICAL, серверная производительность — HIGH, переренды и rendering performance — MEDIUM. Каждое правило имеет уникальный префикс (`async-`, `bundle-`, `server-`, `rerender-`, `rendering-`, `js-`, `advanced-`) для точной адресации при рефакторинге. Скилл применяется при написании компонентов, реализации data fetching, ревью кода и снижении размера бандла — задачах, где типовые ошибки вроде последовательных await, barrel-импортов или избыточной сериализации RSC-пропсов напрямую влияют на Core Web Vitals.