Каталог / vercel-labs / vercel-react-best-practices
vercel-react-best-practices
vercel-labs/agent-skills
460.5K
установок
#3
в рейтинге
Что делает
Оптимизация производительности React и Next.js по 70 правилам, упорядоченным по влиянию.
- Разделены на 8 категорий от критичных (устранение waterfalls, оптимизация bundle) до низкого приоритета (продвинутые паттерны), каждое с конкретными actionable правилами с префиксами для удобства
- Охватывает серверную производительность: React.cache() дедупликация, параллельная загрузка, минимизация сериализации
- Рассматривает клиентскую часть: оптимизация re-render через memoization и управление зависимостями, производительность рендеринга с CSS-стратегиями и гидрацией
- Включает JavaScript-оптимизации: DOM batching, кеширование, Set/Map lookups для O(1) производительности
- Каждое правило содержит детальное объяснение, неправильный и правильный примеры кода, контекстную помощь для автоматического рефакторинга и генерации
Установка
$ npx skills add vercel-labs/agent-skills