Волосатая библиотека React
Comprehensive skills for working with @hairy/react-lib React hooks and components
AIhairyf
official
Разработка
Что делает навык
Набор навыков для работы с хуками и компонентами React из библиотеки @hairy/reactlib v1.47.0. Позволяет управлять асинхронным состоянием, отслеживать изменения значений, обрабатывать ошибки и реализовывать условный рендеринг.
Когда применять
- Управление асинхронным состоянием и обработка колбэков в компонентах
- Отслеживание реактивных значений и обнаружение изменений
- Безопасная работа с ошибками через хуки с поведением по умолчанию
- Реализация условного рендеринга с помощью компонентов If/Else и Switch/Case
- Организация кросс-компонентного взаимодействия через Event Bus
Как работает
- Импортировать необходимые хуки или компоненты из @hairy/reactlib (например, core-async-hooks, core-watch-hooks).
- Использовать хуки для управления асинхронным состоянием и колбэками.
- Применять Watch Hooks для реактивного отслеживания изменений значений.
- Использовать Try Hooks для защиты от ошибок с указанием fallback-поведения.
- Применять Conditional Components (If/Else, Switch/Case) для условного рендеринга.
- Использовать Advanced Features (Event Bus, Pagination, Fetch Intercept) для расширения функциональности.
Примеры запросов агенту
Как использовать хуки из core-async-hooks для управления асинхронным состоянием?
Пример использования Try Hooks для обработки ошибок в React-компоненте
Как реализовать условный рендеринг с помощью компонентов If/Else из core-conditional?
Что понадобится
- Библиотека @hairy/reactlib версии 1.47.0
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «hairy-react-lib» из репозитория:
# https://github.com/hairyf/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r hairy-react-lib/ ~/.claude/skills/hairy-react-lib/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.