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