Резюме

React-композиционные паттерны для масштабирования компонентов и избежания разрастания булевых пропсов.

Охватывает четыре приоритетные категории: архитектуру компонентов, управление состоянием, паттерны реализации и API React 19, каждая из которых сопровождается конкретными правилами и примерами кода
Включает более 10 названных паттернов, охватывающих составные компоненты, провайдеры контекста, подъем состояния и явные варианты
Разработан для рефакторинга перегруженных компонентов, создания повторно используемых библиотек и пересмотра решений по архитектуре компонентов
Специфические рекомендации для React 19: удаление forwardRef и использование use() вместо useContext()

Паттерны композиции React

Паттерны композиции для построения гибких и поддерживаемых компонентов React. Избегайте распространения булевых пропсов, используя составные компоненты, подъем состояния и композицию внутренних элементов. Эти паттерны упрощают работу с кодовой базой как для людей, так и для AI agents по мере масштабирования.

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

Используйте эти рекомендации в следующих случаях:

Рефакторинг компонентов с большим количеством булевых пропсов
Создание повторно используемых библиотек компонентов
Проектирование гибких API компонентов
Обзор архитектуры компонентов
Работа с составными компонентами или провайдерами контекста

Категории правил по приоритету