Вы разблокируете навыки, которые помогут вам разрабатывать пользовательский интерфейс быстрее, лучше и качественнее. Вы поймете, почему важно изучать Storybook в контексте разработки React, и соединитесь с концепциями атомарного дизайна и разработки, основанной на компонентах.
Вы добьетесь этого, увидев реальные примеры проектов крупных компаний, использующих Storybook, и обсудите ценность, которую Storybook принес им. Кроме того, мы пройдем процесс установки, настройки, разработки и документирования с помощью Storybook.
К концу этого курса вы сможете использовать Storybook для разработки и документирования компонентов, функций и страниц в своей работе.
Вы также узнаете, как Storybook помогает вам сотрудничать с вашими коллегами, как техническими, так и нетехническими (например, дизайнерами и заинтересованными сторонами).
Этот курс включает в себя Mealdrop, реальный пример приложения, над которым вы будете работать, как для создания нескольких компонентов, так и для настройки на нем Storybook.
learn.handlebarlabs.com
Научитесь создавать библиотеку компонентов, которые просты в использовании, самодокументированы и легко проверяются.
frontendmasters
Дизайн-система является горячей темой в мире разработки, и все крупные компании создают ее. Но что такое дизайн-система и как ее создать? На этом семинаре мы углубимся в основополагающую теорию дизайн-систем и создадим кусочки одной от начала до конца. Мы создадим дизайн-систему путем проектирования, разработки, документирования и развертывания нескольких компонентов.
Story - это наименьшая единица React Storybook. В Story описывается компонент React, его различные состояния и вариации. Story могут описывать сложные компоненты с динамическими свойствами и данными, загруженными из сервисов. В этом уроке мы напишем наш первый React Storybook Story.
