Вы разблокируете навыки, которые помогут вам разрабатывать пользовательский интерфейс быстрее, лучше и качественнее. Вы поймете, почему важно изучать Storybook в контексте разработки React, и соединитесь с концепциями атомарного дизайна и разработки, основанной на компонентах.
Вы добьетесь этого, увидев реальные примеры проектов крупных компаний, использующих Storybook, и обсудите ценность, которую Storybook принес им. Кроме того, мы пройдем процесс установки, настройки, разработки и документирования с помощью Storybook.
К концу этого курса вы сможете использовать Storybook для разработки и документирования компонентов, функций и страниц в своей работе.
Вы также узнаете, как Storybook помогает вам сотрудничать с вашими коллегами, как техническими, так и нетехническими (например, дизайнерами и заинтересованными сторонами).
Этот курс включает в себя Mealdrop, реальный пример приложения, над которым вы будете работать, как для создания нескольких компонентов, так и для настройки на нем Storybook.
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Storybook for building React apps,
а также все другие курсы, прямо сейчас!
Theme switching with globals and parameters in decorators
Урок 14.00:08:33
Connecting Figma with Storybook
Урок 15.00:07:11
Composing components
Урок 16.00:07:55
Finalizing the feature and integrating it into the app
Урок 17.00:05:32
Data fetching - Container Pattern
Урок 18.00:05:31
Data fetching - Conditional Logic
Урок 19.00:07:46
Data fetching - Mocking Requests
Урок 20.00:09:53
Adding PageTemplate and Redux support to Storybook
Урок 21.00:04:13
Adding the HomePage to Storybook
Урок 22.00:09:51
Adding the Restaurant detail page - Deeplinking and React portals
Урок 23.00:03:01
Adding the Restaurant detail page - mocking different scenarios with MSW
Урок 24.00:02:05
Storybook ESLint plugin
Урок 25.00:11:11
Interaction testing
Урок 26.00:03:31
Storybook test runner
Урок 27.00:07:49
Accessibility testing
Урок 28.00:09:49
Deploying your Storybook with Chromatic
Урок 29.00:07:42
Visual regression in Chromatic
Урок 30.00:01:08
Conclusion and extra resources
Автор - newline (ex fullstack.io)
newline (ex fullstack.io)
Newline - это образовательная платформа для разработчиков, ориентированная на будущих технических лидеров.Предлагает разнообразные курсы по фронтенду, бэкенду, современным языкам и технологиям, включая Rust, GraphQL и направления, связанные с искусственным интеллектом.Подписка newline Pro даёт доступ к десяткам курсов, видеоуроков, интерактивным проектам, исходному коду и закрытому сообществу.Бесплатный план включает базовые видео, библиотеку мат
This is the top Storybook course I have ever watched. Also, you can find links and code blocks from lessons on the fullstack.io website below the video (videos are only for subscribers).
mutts
I keep getting "file not found" as a premium user when I hit "archive"
support guy
mutts
you should you see email address there, contact it.
LetLetLand
mutts
Keep refreshing the page, i get this error all the time
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Дизайн-система является горячей темой в мире разработки, и все крупные компании создают ее. Но что такое дизайн-система и как ее создать? На этом семинаре мы углубимся в основополагающую теорию дизайн-систем и создадим кусочки одной от начала до конца. Мы создадим дизайн-систему путем проектирования, разработки, документирования и развертывания нескольких компонентов.
React Storybook - это среда разработки компонентов пользовательского интерфейса для React. При этом вы можете разрабатывать компоненты UI без запуска вашего приложения.
Story - это наименьшая единица React Storybook. В Story описывается компонент React, его различные состояния и вариации. Story могут описывать сложные компоненты с динамическими свойствами и данными, загруженными из сервисов. В этом уроке мы напишем наш первый React Storybook Story.