Скиллы для AI-агентов · Программирование
Vercel React Best Practices: правила скорости для React и Next.js Агент, который пишет React-код, легко создаёт цепочки запросов, раздутый бандл и лишние ререндеры. Этот скилл от инженеров Vercel даёт ему 70 правил в 8 категориях, отсортированных по влиянию, от устранения водопадов и размера бандла до микрооптимизаций JavaScript, и агент сверяется с ними, когда пишет и проверяет код.
32 930 звёзд на GitHub · #32
Получить скилл Открыть на GitHub
Автор Vercel
Лицензия не указана
Пакет Один скилл
Обновлён 14 октября 2026 г. Что умеет Устраняет водопады запросов: Promise.all() для независимых операций, await только в нужной ветке, Suspense для потоковой отдачи Сокращает бандл: прямые импорты вместо barrel-файлов, next/dynamic для тяжёлых компонентов, аналитика после гидратации Ускоряет сервер: React.cache() убирает дубли внутри запроса, LRU-кэш работает между запросами, after() снимает блокировку Убирает лишние ререндеры: производное состояние во время рендера, функциональный setState, startTransition для несрочных обновлений У каждого правила есть отдельный файл в папке rules/ с объяснением и парой примеров кода: неправильным и правильным Когда пригодится Вы пишете новые компоненты React или страницы Next.js и хотите сразу обойти типовые ошибки производительности Страница грузится медленно, и нужно понять, где запросы идут цепочкой вместо параллели Перед релизом нужно ревью кода с упором на размер бандла и время загрузки Попросите агента Проверь этот компонент React на проблемы с производительностью по правилам Vercel Найди водопады запросов в app/dashboard/page.js и перепиши их на параллельные Почему этот список перерисовывается при каждом вводе? Исправь по правилам rerender- Перед установкой Правила рассчитаны на React и Next.js, а при рефакторинге агент сам правит ваш код под них. README и SKILL.md указывают лицензию MIT, хотя GitHub не находит в репозитории файла лицензии.
Вопросы Как установить React Best Practices от Vercel? Выполните npx skills add vercel-labs/agent-skills@vercel-react-best-practices. Команда без @ и имени скилла поставит всю коллекцию Vercel.
Сколько правил в скилле? По SKILL.md — 70 правил в 8 категориях с приоритетами от критичного до низкого. В README коллекции пока указано «40+».
Подходит ли скилл только для Next.js? Нет. Часть правил касается серверных компонентов и next/dynamic, но разделы о ререндерах и JavaScript применимы к любому React-коду.
