egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
-
Урок 1. 00:03:42Getting Started with React Storybook
React Storybook - это среда разработки компонентов пользовательского интерфейса для React. При этом вы можете разрабатывать компоненты UI без запуска вашего приложения.
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
В этом курсе вы узнаете, как быстро собрать компонент React с помощью Storybook. Сначала вы узнаете, что такое Storybook и почему Storybook такой замечательный инструмент. Вы узнаете, как добавить Storybook в существующее приложение на основе Create-React-App и запустить его для загрузки всех историй в приложении.
frontendmasters
Дизайн-система является горячей темой в мире разработки, и все крупные компании создают ее. Но что такое дизайн-система и как ее создать? На этом семинаре мы углубимся в основополагающую теорию дизайн-систем и создадим кусочки одной от начала до конца. Мы создадим дизайн-систему путем проектирования, разработки, документирования и развертывания нескольких компонентов.
learn.handlebarlabs.com
Научитесь создавать библиотеку компонентов, которые просты в использовании, самодокументированы и легко проверяются.
newline (ex fullstack.io)
Вы разблокируете навыки, которые помогут вам разрабатывать пользовательский интерфейс быстрее, лучше и качественнее. Вы поймете, почему важно изучать Storybook в контексте разработки React, и соединитесь с концепциями атомарного дизайна и разработки, основанной на компонентах.
