React Best Practices

React Best Practices даёт агенту программирования системный подход к производительности проектов на React и Next.js. Навык помогает проектировать новые решения, проводить проверку кода и планировать рефакторинг, анализируя решения на уровне сервера, браузера и дерева компонентов. Материалы упорядочены по ожидаемому влиянию, поэтому агент может отличать серьёзные архитектурные проблемы от небольших улучшений времени выполнения.

Основные возможности

• Находит последовательные асинхронные операции, которые без необходимости увеличивают время ответа или рендеринга
• Проверяет импорты, условную загрузку и сторонний код на лишний вес сборки
• Охватывает серверный рендеринг, кэширование, передачу данных и эффективность обработки запросов
• Анализирует состояние компонентов, эффекты и подписки на предмет лишних повторных рендеров
• Включает рекомендации по браузерному рендерингу и JavaScript для часто выполняемых участков

Навык предназначен для React-разработчиков, команд Next.js и специалистов по проверке кода, которые используют агентов для реализации функций или оптимизации производительности. Он особенно полезен проектам, которым нужны согласованные рекомендации по загрузке данных, границам компонентов и размеру поставляемого кода, а не узкая проверка линтером. Установить его можно из открытой коллекции Vercel agent-skills с помощью Skills CLI; репозиторий также содержит вспомогательные правила и инструменты сборки.