Atomic Design
Вопрос
Что такое Atomic Design и почему он не заменяет архитектуру приложения?
Попробуйте сами
Ответьте вслух за 2 минуты, как на собесе. Потом сверьтесь с тезисами: что прозвучало, а что нет.
Показать ответ и разбор
Коротко
Что должно прозвучать в ответе
деление UI по размеру: atoms, molecules, organisms, templates, pages
сильная сторона - общий язык дизайнера и разработчика
ничего не говорит о бизнес-зависимостях
граница между molecule и organism субъективна
organism быстро начинает ходить в API и уровень теряет смысл
не конкурент FSD: хорошо ложится внутрь слоя shared/ui
Что могут спросить следом
- Где проводить границу между molecule и organism?
Разбор
Atomic Design делит интерфейс по размеру: atoms (кнопка, поле) → molecules (поле с подписью) → organisms (форма, шапка) → templates → pages.
Сильная сторона - язык. Дизайнер и разработчик называют одно и то же одинаково, и дизайн-система получает понятную структуру.
Слабая. Он про внешний вид и ничего не говорит про зависимости. На практике «organism» через месяц начинает сам запрашивать данные, и уровень перестаёт что-либо означать. Плюс граница между molecule и organism субъективна: два человека разложат по-разному, и спор нечем разрешить.
Правильная рамка ответа: «Atomic - про внешний вид, FSD - про зависимости. Они не
конкурируют: atomic отлично работает внутри shared/ui, а бизнес-слои остаются
снаружи».
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.