React-компоненты без десятков флагов
Разделить перегруженный компонент на составные части, явные варианты и общее состояние. Vercel показывает, как проектировать API компонентов на конкретных примерах.
31 207 · GitHubvercel-labs/agent-skillsВыбор редакции · изучены исходникиАвтор: Vercel Engineering MIT Версия 063bee9
Когда пригодится
Разобрать компонент с множеством boolean-пропсов
Собрать несколько вариантов формы из общих частей
Отделить управление состоянием от отображения
Что получите
Более явный API компонентов и план рефакторинга с сохранением поведения.
Например
У этого редактора восемь флагов режима. Предложи составные компоненты и явные варианты, сохрани публичное поведение и покажи тесты для существующих сценариев.
Оригинал, требования и ограничения
Автор оригинального скилла: Vercel Engineering. Редакционное описание: kossolapov.com.
- Агент
- Агент, умеющий читать инструкции Agent Skills; доступ к инструментам зависит от среды
- Инструменты
- React-проект и тесты его компонентов
- Ограничения
- Рекомендации для React 19 нельзя без изменений применять в React 18.
- Композиция добавляет структуру; небольшим компонентам такой рефакторинг может не требоваться.
- Редакционный отбор по изученным исходникам, без сертификации сравнительной эффективности.