Master-web
В статье Фронтенд по фэн-шуй. Часть 2, я писал об инструментах для генерации стайл-гайдов, но все они так или иначе зависели от технологии разработки, или делали вас зависимыми от нее. Однако, в том обзоре я большое внимание уделил PatternLab, мейнтенером которого является Бред Фрост. А в предыдущем посте-ссылке, я рекомендовал вам к прочтению материал из блога Бреда Фроста о разработке дизайн-систем независимых от технологии. Бред не просто говорит об этом, но и пытается воплотить это в жизнь.
В блоге Бреда Фроста появились два очень интересных поста. Они не очень велики по содержанию, но затрагивают поистине важнейшие вопросы разработки фронтенда. Думаю у многих зависимость от технологии на которой строиться ваш ресурс было решающим в выборе инструментов для разработки фронтенда. Как правило, хочеться иметь максимально интегрированные решения, но как раз здесь и кроется спорный вопрос. Возможно, «священным граалем» как раз может стать решение разработки фронта максимально независимого от контекста. То есть, на уровне стайл-гайда или библиотеки компонентов вы выбираете решения, которые можно вписать в любую среду (ну или почти любую). В общем, если вы задумывались об этом, то в посте бреда есть очень неплохие мысли.
https://bradfrost.com/blog/post/managing-technology-agnostic-design-systems/
И продолжением предыдущего поста стала заметка об независимых от технологии шаблонизаторах в разработке фронтенда.
https://bradfrost.com/blog/post/template-technology-agnosticism/
В сегодняшней, третьей части, статьи мы поговорим о компонентном подходе в разработке фронтенда. Тем, кому интересно начало истории, можно ознакомиться с первой и второй частью этой статьи. Итак, без лишних вступлений — начинаем.
Очень сложно придерживаться модульности и компонентного подхода во фронтенде. Многое часто зависит от конкретного проекта. Важно как вы рендерите фронт, что используете. Однако, если у вас есть возможность придерживаться компонентного подхода в разработке фронтенда — вы должны это делать. Не обязательно придерживаться хрестоматийного определения компонентов, но вы должны, как минимум держать все вместе.
Это вторая часть статьи Фронтенд по фэн-шуй основанной на конспекте моего несостоявшегося доклада. Кому интересна прелюдия, то почитайте начало истории в первой части. В первой части статьи мы обсудили общие понятия и концепцию живого стайл-гайда для фронтенд. В этой части мы рассмотрим инструменты, которые помогут вам в создании стайл-гайдов.
Об основанном на стайл-гайде компонентном подходе в разработке фронтенда
Данная серия статей, которая будет состоять из 3-4 частей основана на конспекте моего доклада, который я готовил для KharkivCSS #2, но как раз перед конференцией я заболел и не смог поехать в Харьков. Но не пропадать же добру! По-тому, я решил опубликовать в своем блоге серию статей по конспекту и слайдам доклада. Первая часть — своего рода введение и знакомство с понятием современного стайл-гайда для фронтенда. Итак начнем.