В мире разработки на React и Next.js изменения происходят стремительно. Каково это — представлять 10+ лет опыта в оптимизации в виде структурированного репозитория? Именно это и сделали разработчики, представив react-best-practices. Круто, что всё это теперь доступно для AI-агентов и LLMs, придавая им возможность давать ценные советы по производительности.

Часто производительность приложения начинает ухудшаться из-за банальных причин: например, асинхронные операции превращаются в последовательные, а размер клиентских бандлов растёт. С такими проблемами сталкивается каждая команда, и важно не просто лечить симптомы, а решать коренные причины. Явно, что оптимизации, такие как useMemo, не сделают большую разницу, если ваше приложение грузит лишние 300KB JavaScript на каждой странице.

И, знаете, в репозитории собрано более 40 правил по восьми категориям, которые помогут ранжировать задачи по важности: от устранения водопадов до оптимизации рендеринга. Забавно, что даже простая оптимизация, как объединение обходов в цикле или параллелизация ожиданий, может существенно улучшить пользовательский опыт.

Сейчас эти лучшие практики можно подключить к AI-агентам: введите npx add-skill vercel-labs/agent-skills, и пусть ваш помощник сам следит за тем, чтобы вы не допускали распространённых ошибок. Это не просто набор правил — это инструкция для команд, направленная на строительство эффективных приложений.

Эти подходы основаны на реальном опыте из практики, что делает их ознакомление особенно ценным. В эпоху стремительных изменений в технологиях, такие решения, как react-best-practices, освежают взгляды на разработку и открывают новые горизонты для инженеров.