advanced

Compound components

Позволяйте related components делить implicit context, чтобы consumers собирали flexible APIs без manual prop drilling.

Compound components дают гибкий composition API — `Tabs`, `TabList`, `TabPanel` — через implicit context вместо исчерпывающих prop lists. Потребители собирают subcomponents, parent обеспечивает a11y и координацию state. React Context или slot-like patterns в UI-библиотеках.

На интервью: compound Select или Accordion API. Ergonomics vs configuration-object APIs.

Типовые ошибки: поломка composition при смене context keys; нет dev warnings при misuse; state размазан между siblings.

Чеклист:

  • Subcomponents проверяют наличие parent context.
  • Публичный API документирует структуру.
  • Accessibility IDs централизованы.
  • Примеры канонических composition patterns.