Паттерн HOC
Teaches the Higher-Order Component (HOC) pattern for logic reuse. Use when you need to share cross-cutting concerns like authentication, logging, or data fetching across multiple components.
AIpatternsdev
official
Данные
Что делает навык
Паттерн Higher-Order Component (HOC) позволяет переиспользовать логику компонентов в приложении. Он решает задачу применения одинакового поведения, такого как стилизация, проверка авторизации или добавление глобального состояния, к множеству компонентов.
Когда применять
- Применение одинакового поведения к множеству компонентов
- Обеспечение работы компонента в автономном режиме без добавленной логики
- Разделение сквозной функциональности, такой как аутентификация или логирование
- Получение данных и управление глобальным состоянием
Как работает
- Идентифицировать логику, которую необходимо переиспользовать в нескольких компонентах
- Создать компонент высшего порядка (HOC), инкапсулирующий эту общую логику
- Обернуть целевые компоненты в HOC для применения к ним поведения
- Убедиться, что компоненты могут работать автономно без добавленной логики
Примеры запросов агенту
Как применить паттерн HOC для разделения логики аутентификации между несколькими компонентами?
Используй HOC для добавления глобального состояния к множеству компонентов
Как обернуть компоненты в HOC для применения единого стиля?
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «hoc-pattern» из репозитория:
# https://github.com/patternsdev/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r hoc-pattern/ ~/.claude/skills/hoc-pattern/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.