
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Building React components with Storybook in 30 minutes or so
В этом курсе вы узнаете, как быстро собрать компонент React с помощью Storybook. Сначала вы узнаете, что такое Storybook и почему Storybook такой замечательный инструмент. Вы узнаете, как добавить Storybook в существующее приложение на основе Create-React-App и запустить его для загрузки всех историй в приложении.
Далее вы узнаете, как писать истории для визуального тестирования ваших компонентов. Вы узнаете, как использовать декораторы и дополнения для расширения возможностей рассказов. Вы также будете использовать дополнение Storyshots для создания тестовых снимков Jest из ваших историй, чтобы они были частью ваших юнит-тестов.
Наконец, вы узнаете, как публиковать свои истории как статический сайт, используя страницы GitHub.
Мы собираемся начать с нуля, поэтому предварительный опыт работы с Storybook не требуется. Я предполагаю, что вы знакомы с React, однако.
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
React Storybook позволяет упростить интеграцию с тестированием снимками в рамках платформы Jest. Тестирования снимками позволяет вам фиксировать состояние вашего пользовательского интерфейса, а затем уведомлять вас о том, что пользовательский интерфейс был изменен. Мы можем легко создавать и обновлять снимки с помощью Storybook!
Story - это наименьшая единица React Storybook. В Story описывается компонент React, его различные состояния и вариации. Story могут описывать сложные компоненты с динамическими свойствами и данными, загруженными из сервисов. В этом уроке мы напишем наш первый React Storybook Story.
Дизайн-система является горячей темой в мире разработки, и все крупные компании создают ее. Но что такое дизайн-система и как ее создать? На этом семинаре мы углубимся в основополагающую теорию дизайн-систем и создадим кусочки одной от начала до конца. Мы создадим дизайн-систему путем проектирования, разработки, документирования и развертывания нескольких компонентов.