intermediate

Component architecture

Определяйте component ownership, state boundaries, composition APIs, accessibility contracts и testing seams для scalable UI work.

Component architecture задаёт ownership, state boundaries, composition APIs, a11y contracts и testing seams для UI в масштабе. Решения: smart vs dumb split, design tokens, slot APIs, error boundaries, маппинг routes на деревья компонентов. Хорошая архитектура позволяет выпускать фичи без глобальных переписываний.

На интервью: дерево компонентов dashboard с loading, error и empty states. Colocation vs вынос в shared library.

Типовые ошибки: prop drilling через десять слоёв; fetch, format и layout в одном компоненте; нет a11y у custom widgets.

Компромисс — гибкость против сложности: знайте, когда достаточно более простого пути.

Чеклист:

State ближе всего к месту потребности.
Composition APIs с примерами в документации.
a11y roles и keyboard paths проверены.
Visual и interaction tests на критичных components.