vercel-react-best-practices
О программе
Этот навык предоставляет рекомендации по оптимизации производительности Vercel для React и Next.js, включающие 57 приоритетных правил в 8 категориях. Используйте его при написании, ревью или рефакторинге кода для решения проблем производительности, таких как повторные рендеры, размер сборки и паттерны получения данных. Он охватывает ключевые области оптимизации, включая серверные/клиентские компоненты, Suspense и хуки React.
Быстрая установка
Claude Code
Рекомендуетсяnpx skills add TechNickAI/ai-coding-config -a claude-code/plugin add https://github.com/TechNickAI/ai-coding-configgit clone https://github.com/TechNickAI/ai-coding-config.git ~/.claude/skills/vercel-react-best-practicesСкопируйте и вставьте эту команду в Claude Code для установки этого навыка
GitHub репозиторий
Похожие навыки
chatbot-widget-creator
ДругоеЭтот навык создает готовый к использованию виджет чат-бота в стиле ChatGPT для интеграции во фронтенд. Он включает ключевые функции, такие как защита от бесконечных перерисовок, возможность выделения текста с функцией «Спросить ИИ», а также готовую интеграцию с RAG-бэкендами и SSE-стримингом. Используйте его для быстрого развертывания проверенного в бою и контролируемого чат-интерфейса.
chatbot-widget-creator
ДругоеЭтот навык создает готовый к использованию виджет чат-бота в стиле ChatGPT со встроенными решениями для типичных фронтенд-проблем. Он обеспечивает защиту от бесконечных перерисовок, функциональность "Спросить ИИ" при выделении текста и встроенную поддержку потоковых SSE- и RAG-бэкендов. Используйте его для быстрого внедрения контролируемого и производительного чат-интерфейса в вашем веб-приложении.
react-patterns
ДругоеЭтот навык предоставляет экспертные рекомендации по новейшим паттернам React 19, включая Серверные Компоненты, Actions и хуки, такие как `useOptimistic`. Используйте его для проектирования архитектуры компонентов, управления состоянием и оптимизации производительности при создании современных React-приложений. Он активно помогает во внедрении конкурентных функций, Suspense и разработке с использованием TypeScript.
react-patterns
ДругоеЭтот навык предоставляет экспертные рекомендации по новейшим паттернам React 19, включая Серверные Компоненты, Actions и конкурентные функции, такие как `useOptimistic` и Suspense. Используйте его для проектирования архитектуры компонентов, управления состоянием, оптимизации производительности и внедрения современной разработки на TypeScript. Это ваш основной ресурс для любых вопросов по разработке на React 19 или для проведения код-ревью.