Локализованное руководство по чтению
vercel-react-best-practicesНазначение, использование и источник
Реагируйте иNext.jsРекомендации по оптимизации производительности от Vercel Engineering. Этот навык следует использовать при написании, проверке или рефакторинге кода.React/Next.jsКод, обеспечивающий оптимальную производительность. Запуск задач, связанных с компонентами React.Next.jsстраницы, получение данных, оптимизация пакетов или повышение производительности.
Источник получен:
- Репозиторий-источник
- vercel-labs/open-agents
- SKILL.md
.agents/skills/vercel-react-best-practices/SKILL.md- Звёзды репозитория
- 5,871
- Последнее обновление репозитория
- 2026-08-29
- Категории Skills
- Рабочий процесс агента
- Время последнего сбора
Лицензия: MIT
Приведенные фрагменты описания рабочих процессов являются вспомогательными средствами для чтения, а не исполняемыми инструкциями от Codez. Для создания этой страницы не использовались сторонние инструменты.
Приведённые ниже фрагменты, описывающие цели и рабочие процессы, представляют собой исходный материал, систематизированный и переведённый для удобства чтения. Они отличаются от отдельно обозначенного редакционного анализа Codez.
Что делает этот навык
Реагируйте иNext.jsРекомендации по оптимизации производительности от Vercel Engineering. Этот навык следует использовать при написании, проверке или рефакторинге кода.React/Next.jsКод, обеспечивающий оптимальную производительность. Запуск задач, связанных с компонентами React.Next.jsстраницы, получение данных, оптимизация пакетов или повышение производительности.
Как работает рабочий процесс на вышестоящем уровне
Как использовать
Для получения подробных пояснений и примеров кода ознакомьтесь с отдельными файлами правил: Каждый файл правил содержит: Краткое объяснение того, почему это важно; Неправильный пример кода с пояснением.
проход вверх по течению · L120 ↗Когда подавать заявку
Приступайте к использованию этих рекомендаций при: написании новых компонентов React илиNext.jsРеализация процесса получения данных (на стороне клиента или сервера). Анализ кода на предмет проблем с производительностью.
проход вверх по течению · L14 ↗Рекомендации по использованию Vercel React
Подробное руководство по оптимизации производительности для React иNext.jsПриложения, поддерживаемые компанией Vercel. Содержит58правила по всему8Категории, ранжированные по степени влияния, предназначены для автоматизированного рефакторинга и генерации кода.
проход вверх по течению · L10 ↗rules/async-parallel.md
rules/bundle-barrel-imports.mdТребования и настройка
Из этого файла не был выбран фрагмент с краткими требованиями. Это не означает, что у навыка нет зависимостей. Проверьте инструкции по настройке репозитория и указанные файлы.
Ограничения и проверки качества
Из этого файла не был выбран отдельный фрагмент с ограничениями. Это не означает, что навык безопасен для любых входных данных или сред. Проверьте полный исходный код и подтвердите свой собственный результат.
Начните с безопасного пробного периода.
- Проверьте поддерживаемый хост и инструкции по установке репозитория. Храните каталог Skill, а также связанные с ним скрипты, ресурсы и документацию вместе;SKILL.mdВ одиночку можно опустить зависимости.
- Предоставьте агенту ваши реальные входные данные, желаемый результат и критерии приемки. Синтаксис вызова и доступные инструменты зависят от хоста; данный сайт не предполагает универсальной команды установки.
- Попробуйте запустить исходный рабочий процесс в тестовом проекте или в его копии. Перед тем как разрешить операции, изменяющие файлы, удаленные сервисы или оплачиваемые ресурсы, проверьте их.
- Проверьте выходные данные на соответствие исходным проверкам качества и вашим собственным требованиям. Успешный запуск или большое количество звезд в репозитории не гарантируют корректного результата.
Подробнее читайте в источнике.
- Рекомендации по использованию Vercel React
- Когда подавать заявку
- 1Устранение водопадов (КРИТИЧЕСКИ ВАЖНО)
- 2Оптимизация размера пакета (КРИТИЧЕСКИ ВАЖНО)
- 3Производительность на стороне сервера (высокая)
- 4. Получение данных на стороне клиента (СРЕДНЕ-ВЫСОКИЙ УРОВЕНЬ)
- 5Оптимизация повторного рендеринга (СРЕДНЯЯ)
- 6Производительность рендеринга (средняя)
- 7Производительность JavaScript (низкая-средняя)
- 8. Продвинутые шаблоны (низкий уровень)
- Как использовать
- Полный сводный документ
Смежные навыки
Перевод и сфера применения
В этом руководстве по чтению представлены избранные отрывки из закрепленного текста выше по течению.SKILL.mdПеревод выполнен с помощью переводчика. Это не полное руководство и не гарантия проверенной совместимости. Перед использованием ознакомьтесь с оригиналом и указанными в нем файлами.
Данное введение относится к закрепленной ниже версии; текущая активность в репозитории и время сбора данных отображаются отдельно.
- Закрепленный источник
- Прочитайте оригинал ↗
- Источник получен
- Исходный коммит
cf865e94de7729751c747171785b6ce57e7b178c- Исходный SHA-256
b0bc1161fa20c5d2154099b7db2a46e9937b51d8f3f88f57ea1a06e76af0d474