intermediate

Архитектура стилей

BEM, CSS Modules, CSS-in-JS, utility CSS, Tailwind, design tokens, владение стилями и компромиссы масштабирования.

На интервью по архитектуре стилей исследуют, как команды масштабируют CSS без войн override: соглашения об именовании, scoping на этапе сборки, runtime-стили, utility-системы и общие design tokens.

Подтемы: BEM, CSS Modules, CSS-in-JS, Tailwind и design tokens.

На интервью: сравните компромиссы для растущей design system — изоляция, SSR, темизация, стоимость bundle и кто владеет глобальными стилями.

Типовые ошибки: один подход для всех команд, токены с именами из hex-значений, scoping без учёта порядка cascade.

Чеклист:

Архитектура под размер команды и runtime-ограничения.
Разделяйте raw и semantic design tokens.
Документируйте глобальные слои и политику override.
Нет единственного подхода для любого продукта.