AIKraft/Skills/Волосатая библиотека React

Волосатая библиотека React

Comprehensive skills for working with @hairy/react-lib React hooks and components

hairyf official Разработка

Что делает навык

Набор навыков для работы с хуками и компонентами React из библиотеки @hairy/reactlib v1.47.0. Позволяет управлять асинхронным состоянием, отслеживать изменения значений, обрабатывать ошибки и реализовывать условный рендеринг.

Когда применять

  • Управление асинхронным состоянием и обработка колбэков в компонентах
  • Отслеживание реактивных значений и обнаружение изменений
  • Безопасная работа с ошибками через хуки с поведением по умолчанию
  • Реализация условного рендеринга с помощью компонентов If/Else и Switch/Case
  • Организация кросс-компонентного взаимодействия через Event Bus

Как работает

  1. Импортировать необходимые хуки или компоненты из @hairy/reactlib (например, core-async-hooks, core-watch-hooks).
  2. Использовать хуки для управления асинхронным состоянием и колбэками.
  3. Применять Watch Hooks для реактивного отслеживания изменений значений.
  4. Использовать Try Hooks для защиты от ошибок с указанием fallback-поведения.
  5. Применять Conditional Components (If/Else, Switch/Case) для условного рендеринга.
  6. Использовать 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 и совместимые) подхватывает его по описанию и следует шагам.