React Storybook Crash Course (Дата оригинальной публикации: )

Uploaded By: Myvideo

Published on

12 Jun 2023

12 views

0

0 votes

0

About Share Download Add to

Designing and testing components is crucial to every application, but it can be difficult to view components in isolation. This makes it hard to design and test components, but with Storybook this is no longer an issue. Storybook makes developing, testing, and working with a component library so much easier. You can test complex actions and ensure your components are always working as expected. In this video I will be showing you how to setup Storybook in React and how to create everything from basic to more advanced stories. 📚 Materials/References: GitHub Code: PropTypes Video: PropTypes Article: 🌎 Find Me Here: My Blog: My Courses: Patreon: Twitter: Discord: GitHub: CodePen: ⏱️ Timestamps: 00:00 - Introduction 00:24 - Demo 01:10 - Setup 04:10 - How to create a basic story 06:40 - Add interactivity to stories 09:52 - Create multiple stories for one component 10:59 - Advanced stories #ReactStorybook #WDS #React

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/U25OcE15MzNNeFJ2SlI5d2JXTDN4VXk2dVV4aWoxK092VFMzM2hqQjZEYz0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Storybook - Быстрый курс по работе и тестированию с React

6 months ago

00:37:39

Storybook - Быстрый курс по работе и тестированию с React

1 15%

Архитектура Frontend с Нуля до Продакшена. Docker, Webpack, CI/CD, React, Deploy

6 months ago

00:43:27

Архитектура Frontend с Нуля до Продакшена. Docker, Webpack, CI/CD, React, Deploy

1 10%

Amplicode лучший инструмент для разработки приложений на Spring Boot и React Admin

9 months ago

00:01:28

Amplicode лучший инструмент для разработки приложений на Spring Boot и React Admin

1 45%

Тестирование JavaScript от А до Я (Jest, React Testing Library, e2e, screenshot)

11 months ago

01:54:06

Тестирование JavaScript от А до Я (Jest, React Testing Library, e2e, screenshot)

1 72%

Разрабатываем Admin UI на React Admin в VS Code вместе с Amplicode

12 months ago

01:58:20

Разрабатываем Admin UI на React Admin в VS Code вместе с Amplicode

2 23%

12 - Todolist React JS - storybook, decorator, snapshot testing

1 year ago

01:47:40

12 - Todolist React JS - storybook, decorator, snapshot testing

1 13%

Новости web разработки: Redwoodjs, Node 21.7, VitePress, Firebolt, Elysiajs, Storybook 8

1 year ago

00:16:11

Новости web разработки: Redwoodjs, Node 21.7, VitePress, Firebolt, Elysiajs, Storybook 8

13 87%

Создаем свой UI Framework. Webpack, StoryBook, публикуем в NPM

2 years ago

00:24:59

Создаем свой UI Framework. Webpack, StoryBook, публикуем в NPM

16 54%

Создаем NPM библиотеку UI компонентов. React, Typescript, Storybook. Публикуем на GitHub Packages

2 years ago

01:12:48

Создаем NPM библиотеку UI компонентов. React, Typescript, Storybook. Публикуем на GitHub Packages

1 80%

Intro to Storybook for React with Figma - React Storybook Tutorial

2 years ago

01:03:47

Intro to Storybook for React with Figma - React Storybook Tutorial

1 18%

Sorokin Oleg

2 years ago

00:27:43

Sorokin Oleg

1 18%

Alon Valadji - Build React Apps Fast Using Storybook, DDD, and Atomic Design | React Next 2019

3 years ago

00:24:25

Alon Valadji - Build React Apps Fast Using Storybook, DDD, and Atomic Design | React Next 2019

1 69%

Как создать и опубликовать библиотеку компонентов React

3 years ago

00:24:43

Как создать и опубликовать библиотеку компонентов React

1 6%

GOOSE ON THE LOOSE | Kids read aloud | Learning to read books for kids | easy to read storybook

3 years ago

00:02:35

GOOSE ON THE LOOSE | Kids read aloud | Learning to read books for kids | easy to read storybook

7 18%

Начало работы со StoryBook

3 years ago

00:23:42

Начало работы со StoryBook

2 64%

14 - React + TypeScript Middle+ CRM storybook, select component

3 years ago

02:36:05

14 - React + TypeScript Middle+ CRM storybook, select component

3 54%

Архитектура в вебе на React, как создать большое приложение и не стрельнуть в ногу | Егор Малькевич

3 years ago

00:50:01

Архитектура в вебе на React, как создать большое приложение и не стрельнуть в ногу | Егор Малькевич

1 39%

Storybook: Как сделать UI React библиотеку/ Илья Пасюк // PASV

4 years ago

01:04:10

Storybook: Как сделать UI React библиотеку/ Илья Пасюк // PASV

2 69%

заметка о js 3

4 years ago

00:09:31

заметка о js 3

1 85%

Storybook: возможности и установка

4 years ago

00:10:13

Storybook: возможности и установка

3 90%

Разработка библиотеки компонентов на React + Storybook // Бесплатный урок OTUS

5 years ago

01:29:43

Разработка библиотеки компонентов на React + Storybook // Бесплатный урок OTUS

1 56%

Работа с контекстами на React | Егор Малькевич

5 years ago

00:55:20

Работа с контекстами на React | Егор Малькевич

4 93%

Кройка и шитье на React | Егор Малькевич

5 years ago

01:27:23

Кройка и шитье на React | Егор Малькевич

3 18%

Что такое UX продукт, и как дебажить приложение в Visual Code, без демок | Егор Малькевич

5 years ago

01:03:17

Что такое UX продукт, и как дебажить приложение в Visual Code, без демок | Егор Малькевич

1 33%

0 Comments

Guest