Skills/React Best Practices от Vercel

React Best Practices от Vercel

16 сентября 2026

Больше сорока правил производительности React и Next.js от команды Vercel, разложенных по важности: от водопадов запросов и размера бандла до лишних ререндеров.

Описание

РазработкаБесплатно

Больше сорока правил производительности React и Next.js от команды Vercel, разложенных по важности: от водопадов запросов и размера бандла до лишних ререндеров.

Название
React Best Practices от Vercel
Категория
Разработка
Что умеет
  • устраняет водопады запросов и лишние await
  • уменьшает бандл и ускоряет загрузку страниц
  • находит лишние ререндеры и тяжёлые вычисления
Источник
vercel-labs/agent-skills · ★31.7k
Где работает
Claude Code и другие агенты, которые читают .claude/skillsКак устроены навыки
Куда ставить
Навык работает только в текущем проекте.
Как установить
  1. 1Скопируйте команду из блока «Установка» ниже и выполните её в терминале.
  2. 2Навык появится в папке .claude/skills/react-best-practices/
  3. 3Откройте новую сессию Claude Code — навык подхватится автоматически.

Что внутри

npx degit vercel-labs/agent-skills/skills/react-best-practices .claude/skills/react-best-practices
.claude/skills/
└── react-best-practices/
    └── SKILL.md

Действия

Открыть на GitHubДокументация
Назадshadcn/uiДалееReact Native Skills от Vercel
.claude/skills/react-best-practices/SKILL.md
  1. 1---
  2. 2name: react-best-practices
  3. 3description: "Больше сорока правил производительности React и Next.js от команды Vercel, разложенных по важности: от водопадов запросов и размера бандла до лишних ререндеров."
  4. 4---
  5. 5​
  6. 6# React Best Practices от Vercel
  7. 7​
  8. 8Больше сорока правил производительности React и Next.js от команды Vercel, разложенных по важности: от водопадов запросов и размера бандла до лишних ререндеров.
  9. 9​
  10. 10## Что делает
  11. 11​
  12. 12- Устраняет водопады запросов и лишние await
  13. 13- Уменьшает бандл и ускоряет загрузку страниц
  14. 14- Находит лишние ререндеры и тяжёлые вычисления
  15. 15​
  16. 16## Где работает
  17. 17​
  18. 18Claude Code и другие агенты, которые читают .claude/skills.
  19. 19​
  20. 20## Установка
  21. 21​
  22. 221. Выполните: npx degit vercel-labs/agent-skills/skills/react-best-practices .claude/skills/react-best-practices
  23. 232. Откройте новую сессию Claude Code — навык подхватится сам.