React + GraphQL. Частина 7 - Storybook. Встановлення та налаштування Storybook + MaterialUI

preview_player
Показать описание
В даному відео встановлюємо та налаштовуємо Storybook - основний інструмент для розробки компонентів при роботі з React.

00:00 Привіт
01:54 Реалізуємо домашнє завдання
04:20 Код можна знайти на GitHub
05:39 Знайомимось зі Storybook
07:01 Встановлюємо Storybook
09:47 Налаштовуємо Storybook
20:04 Додаємо props для MovieCard компоненту
25:38 Додаємо stubs
31:27 План на наступний урок

Буду вдячний за підтримку каналу:
або так - 5375 4114 0505 7287
Приват банк - 5363 5426 0316 4386

Давайте дружити:

#React #GraphQL #MaksymRudnyi
  1. Maksym Rudnyi
  2. react
  3. reactjs
  4. javascript
  5. уроки react
  6. что такое react
Рекомендации по теме
React + GraphQL. 0:32:53

React + GraphQL. Частина 7 - Storybook. Встановлення та налаштування Storybook + MaterialUI...

React + GraphQL. 0:23:23

React + GraphQL. Частина 11 - показуємо дані на клієнті. Поєднуємо React та Apollo GraphQL....

React + GraphQL. 0:24:30

React + GraphQL. Частина 6 - Movie card.

React + GraphQL. 0:24:28

React + GraphQL. Частина 8 - MovieCardSelected component.

Практичний курс по 0:14:38

Практичний курс по React + GraphQL. Частина 1 - план безкоштовного курсу по React...

GraphQL для початківців. 0:41:13

GraphQL для початківців. Частина 7. Аутентифікація. Реєстрація та вхід в систему....

Практичний курс по 0:22:51

Практичний курс по React + GraphQL. Частина 5 - Grids

React + GraphQL. 0:28:49

React + GraphQL. Частина 23 - Кінець курсу. Розбір домашнього завдання....

Практичний курс по 0:30:30

Практичний курс по React + GraphQL. Частина 2 - створення проєкту, налаштування MaterialUI шаблону...

Клиент Apollo GraphQL 0:44:11

Клиент Apollo GraphQL для React-приложений

Практичний курс по 0:33:43

Практичний курс по React + GraphQL. Частина 3 - додаємо сторінки. React-router-dom v6...

React + GraphQL. 0:18:24

React + GraphQL. Частина 19 - Локалізація React додатку. Завершуємо front-end частину....

React + GraphQL. 0:31:27

React + GraphQL. Частина 13 - юніт тести на кастомний хук useMovies

Что такое GraphQL 0:15:46

Что такое GraphQL за 15 минут с примерами

GraphQL & Apollo 0:27:27

GraphQL & Apollo & React & Nodejs БЫСТРЫЙ КУРС FullStack приложение

Full Stack Tutorial 0:15:07

Full Stack Tutorial (2023) Part 1 | React / GraphQL / MongoDB

GraphQL для початківців. 0:20:33

GraphQL для початківців. Частина 8. Підписки (Subscriptions)

Part-1 | ReactJS(v18) 0:15:09

Part-1 | ReactJS(v18) | Apollo GraphQL Library | JSON GraphQL Server| CRUD Example

GraphQL для початківців. 0:26:54

GraphQL для початківців. Частина 9. Фільтрація, Сортування, Посторінковість....

GraphQL для початківців. 0:28:11

GraphQL для початківців. Частина 1. Порівняння з REST

GraphQL & React. 2:08:27

GraphQL & React. Полный курс (Material-UI, Apollo, mLab)

NextJS + Apollo 0:00:19

NextJS + Apollo GraphQL - Using fetchMore()

🔥Open source #react 0:00:20

🔥Open source #react #libraries you must know✅ #shortsfeed #shorts #hicounselor

GraphQL для початківців. 0:20:38

GraphQL для початківців. Частина 6. Робота з базою даних за допомогою Prisma....

Комментарии
Автор

Супер! Контент те, що треба :) #storybook #react

v_korol
Автор

Отличный курс, отдельное спасибо за pull request. Очень помогаете в освоении новых знаний

МаргаритаНоволокова
Автор

Дякую Максиме, корисний курс. Поки чекав п'яту частину вже й восьма вийшла не побачив повідомлення)))

sergeydanilyuk
Автор

отличный курс, спасибо за вашу работу

vladkutenyov
Автор

смотрю ролик и повторяю, докс под mui завелся с коробки.. видать они пофиксили за 2 года данную проблему. Спасибо за ролик)

C-brfc
Автор

Зрозуміло донесенний матеріал про Storybook.
Підкажіть де розробляють компоненти за допогою Storybook(безпосередньо в папці з проектом чи окремо у іншому репозиторію)?

АлександрОноприенко-уэ
Автор

Пекельні борошна, Storybook повністю оновився 😑

oleksiik