·react-vite-best-practices
</>

react-vite-best-practices

Рекомендации по оптимизации производительности React и Vite. Используйте при написании, проверке или оптимизации компонентов React, созданных с помощью Vite. Запускается при выполнении задач, связанных с настройкой Vite, оптимизацией сборки, разделением кода, отложенной загрузкой, HMR, размером пакета или производительностью React.

481Установки·12Тренд·@asyrafhussin

Установка

$npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices

Как установить react-vite-best-practices

Быстро установите AI-навык react-vite-best-practices в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: asyrafhussin/agent-skills.

Comprehensive performance optimization guide for React applications built with Vite. Contains 40+ rules across 8 categories, prioritized by impact to guide code generation and refactoring.

| 1 | Build Optimization | CRITICAL | build- | | 2 | Code Splitting | CRITICAL | split- | | 3 | Development Performance | HIGH | dev- | | 4 | Asset Handling | HIGH | asset- | | 5 | Environment Config | MEDIUM | env- | | 6 | HMR Optimization | MEDIUM | hmr- | | 7 | Bundle Analysis | LOW-MEDIUM | bundle- | | 8 | Advanced Patterns | LOW | advanced- |

Read individual rule files for detailed explanations and code examples:

Рекомендации по оптимизации производительности React и Vite. Используйте при написании, проверке или оптимизации компонентов React, созданных с помощью Vite. Запускается при выполнении задач, связанных с настройкой Vite, оптимизацией сборки, разделением кода, отложенной загрузкой, HMR, размером пакета или производительностью React. Источник: asyrafhussin/agent-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-11

Browse more skills from asyrafhussin/agent-skills

Короткие ответы

Что такое react-vite-best-practices?

Рекомендации по оптимизации производительности React и Vite. Используйте при написании, проверке или оптимизации компонентов React, созданных с помощью Vite. Запускается при выполнении задач, связанных с настройкой Vite, оптимизацией сборки, разделением кода, отложенной загрузкой, HMR, размером пакета или производительностью React. Источник: asyrafhussin/agent-skills.

Как установить react-vite-best-practices?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/asyrafhussin/agent-skills