Сводит рекомендации по React composition patterns к практическим правилам: как заменять множество boolean props на композицию и проектировать гибкие API компонентов. Включает правила для compound components, управления состоянием и React 19.

Возможности

• Предлагает использовать композицию вместо boolean props для настройки поведения.
• Показывает, как строить compound components с общим context.
• Рекомендует выносить управление состоянием в provider, чтобы соседние компоненты могли получать к нему доступ.
• Описывает интерфейс context с state, actions и meta для dependency injection.
• Предлагает использовать children вместо render props и отдельные компоненты для явных вариантов.
• В разделе для React 19+ рекомендует не использовать forwardRef и применять use() вместо useContext().

Когда использовать

• При рефакторинге компонентов с большим числом boolean props.
• При разработке библиотек переиспользуемых компонентов и гибких API.
• При проектировании архитектуры компонентов.
• При работе с compound components или context providers.

Примеры

Пути к правилам с подробными объяснениями и примерами кода:

rules/architecture-avoid-boolean-props.md
rules/state-context-interface.md

Полное руководство со всеми правилами:

AGENTS.md

Установка

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns