foundation

Composition

Предпочитайте композицию компонентов, slots, children и явное владение вместо наследования.

React предпочитает композицию: родитель передаёт children, слоты или render-функции вместо гигантских списков props. `children`, вложенные компоненты и hooks заменяют наследование классов для большинства случаев переиспользования. Конфигурационные props (`variant`, `size`) подходят дизайн-системам; повторное поведение часто уходит в пользовательские hooks.

Явная композиция сохраняет видимость владения — кто даёт данные, кто рисует оболочку, кто обрабатывает события. Это масштабируется лучше монолитных компонентов с десятками булевых флагов.

На интервью объясняйте концепцию на конкретном примере и называйте поведение, которое проверяют.

Типовые ошибки: скрывать поток данных, дробить компоненты чрезмерно и выполнять побочные эффекты в render.

Компромисс часто между ясностью и переиспользованием или между явными props и удобством.

Чеклист:

  • Предпочитайте children и небольшие узкие компоненты.
  • Выносите поведение в hooks.
  • Избегайте взрыва props и матриц булевых флагов.