Всё ещё добавляете пропсы при каждом новом требовании? | Compound Components

В этом выпуске я разберу Compound Components как практический подход к проектированию расширяемых UI-компонентов — и покажу, почему он особенно полезен, когда требования к разным частям интерфейса начинают расходиться. Начнём с реалистичного сценария: у нас есть несколько похожих страниц — comments, posts и users. Чтобы не дублировать UI, мы создаём общий PageShell и управляем им через пропсы. Но со временем компонент обрастает условиями, флагами и исключениями. Именно здесь появляются Compound Components — подход, при котором один компонент разделяется на связанные части, а нужный вариант собирается через композицию. Я также покажу, как разделить существующий PageShell, сохранить точечную кастомизацию и сделать так, чтобы изменения в одном сценарии не затрагивали остальные. Результат простой: вместо одного универсального компонента мы получаем общий каркас, части которого могут развиваться независимо. Главная идея: Если части UI меняются независимо, архитектура тоже должна позволять менять их независимо. Проект: https://github.com/eugenezalens/cache-routes-independence LinkedIn — сотрудничество: https://www.linkedin.com/in/eugenezalens/ Главы 00:00 Начало 01:12 Введение 01:35 Требования и проблема 03:17 Решение 04:23 Рефакторинг и применение 06:17 Заключение #CompoundComponents #React #FrontendArchitecture