Атомарный дизайн 2.0 и разработка через стайлгайд
Что такое атомарный дизайн? В 2013 году Брэд Фрост перевернул мир проектирования веб-приложений своей статьей про атомарный дизайн . Предисловие к его статье отражает тенденцию последних лет в разработке ПО: " Мы не проектируем страницы, мы проектируем системы компонент. — Стэфен Хей". Проектирование предполагает весь процесс создания компонент: начиная от дизайна, проходя через верстку в полную изоляцию компонент во фронтэнде. Современные js-библиотеки и фрэймворки с большим энтузиазмом воприняли эти идеи: react, angular, styled-components, bootstrap. Мы уже поняли, что нужно все разбивать на компоненты. Но все же, что именно дает нам для этого атомарный дизайн? Как методология он предлагает нам использовать структуру вложености этих компонент. В итоге у нас есть 5 уровней иерархии: Атомы Молекулы Огранизмы Шаблоны Страницы Не будем пока подробно останавливаться на каждом из них, у Брэда слишком прекрасная статья на эту тему, чтобы отнимать его читателей. Чт