Тёмный

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

Михаил Непомнящий
Подписаться 52 тыс.
Просмотров 48 тыс.
50% 1

StoryBook для React-разработки - подключение к проекту, добавление историй, полей к ним и экшнов.
Текстовая версия shorturl.at/disHJ
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep

Опубликовано:

 

18 янв 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 57   
@nikolaizarezako9344
@nikolaizarezako9344 2 года назад
Шикарно и понятно. Ждём продолжения!)
@KilungChannel
@KilungChannel 2 года назад
Михаил , спасибо большой за материал что вы снимаете, он очень полезный и интересный. Объясняете вы очень хорошо. Лучи добра посылаю в вашу сторону !
@Antoxa258
@Antoxa258 2 года назад
Красавчик, всё понятно и доступно объяснил. Спасибо
@DevBer
@DevBer Год назад
Блин, большущее спасибо за материал, долго не доходили руки до СториБука, наконец понял что это и с чем едят
@olehy5000
@olehy5000 2 года назад
как всегда годный контент! Спасибо и респект!
@norwinlol
@norwinlol 2 года назад
Как раз на новой работе разрабатываю библиотеку компонентов ;) Спасибо
@MK-td2dt
@MK-td2dt 2 года назад
Очень удобный инструмент спасибо !
@veronikamalyshkova928
@veronikamalyshkova928 2 года назад
Ну вот как так? )) Только понадобился StoryBook, захожу, а тут видео, выложенное час назад. Спасибо!
@promoabys
@promoabys Год назад
Для вводного видео. Очень даже хорошо. Ещё бы про практику использования добавить ))
@iwannabekoshka
@iwannabekoshka Год назад
Огонь, благодарю за информацию
@andreinebolei
@andreinebolei 2 года назад
Спасибо, очень наглядно
@user-fq4pc7fm2z
@user-fq4pc7fm2z 2 года назад
Спасибо! Полезное видео.
@katada
@katada 2 года назад
Отличный урок!
@user-eg2pz4wk8z
@user-eg2pz4wk8z 2 года назад
Спасибо большое за видео
@TheMalekula
@TheMalekula 2 года назад
Спасибо !Автор мега крут !
@iamcaptain7115
@iamcaptain7115 Год назад
Спасибо за метериал!
@anastasia__kot
@anastasia__kot Год назад
спасибо, классное видео!
@romantyniv5381
@romantyniv5381 2 года назад
Спасибо огромное!
@Ramosok
@Ramosok Год назад
Классный ролик!
@agataageeva424
@agataageeva424 2 года назад
Всегда вовремя
@almazyakhin7246
@almazyakhin7246 2 года назад
Сходу спасибо!
@solargarden777
@solargarden777 Год назад
Спасибо, достаточные вводные данные, чтобы понять о чем идет речь )
@un_defined
@un_defined 5 месяцев назад
вот где история зарыта! понято спасибо
@sergsergey4251
@sergsergey4251 2 года назад
Спасибо!
@from_brest2631
@from_brest2631 2 года назад
Лайк за сторибук 👍
@sergeykahnwald6640
@sergeykahnwald6640 Год назад
Сторибук крутая либа) Но бывают случаи когда нам не очень то и нужна вся мощь сторибука, а просто страничка с компонентами где можно поиграться с его пропсами. Есть либа по типу сторибука только на минималках, как раз для таких целей, называется storybox-react
@albertvoskanyan6787
@albertvoskanyan6787 Год назад
sposibo za urok !!! a prodoljenie budet ?
@valleriy284
@valleriy284 8 месяцев назад
Thanks!
@mad0k
@mad0k 2 года назад
Спасибо за видео. Не планируете выпустить видео по immutable-js?
@mishanep
@mishanep 2 года назад
Здравствуйте. Пока не планирую. Мне кажется вполне можно без него обойтись, используя современный синтаксис с декларативным подходом :) Я предпочитаю ramdajs, которая также иммутабельна. Но и обычным es6 можно также обойтись.
@user-nz8zf1xb1x
@user-nz8zf1xb1x 11 месяцев назад
Чувак ты круттттт 👍👍👍 , продолжай обучать нубов вроде меня
@K.Partisanov
@K.Partisanov Год назад
Михаил, добрый день, подскажите, возможно ли сделать в Docs чтобы код компонента в Stories сразу отображался, а не по нажатию на кнопку "Show Code"?
@EvgeniyYanushko
@EvgeniyYanushko 2 года назад
Михаил, приветствую! Спасибо за материал. И возможно подскажешь с моей задачей. Нужно сделать прототип и ui-kit для приложения, которое будет в дальнейшем писаться на angular. Задача нестандартная так как нужен просто html, настроенная тема с компонентами и некоторые странички до разработки на angular. Возможно ли как-то удобно разрабатывать верстку компонентов и макетов в storybook (html/scss)? Может есть какая ссылка на примеры работы обычными компонентами в html формате? Ну и может ещё что-то порекомендуешь глянуть …. Нашёл плагин для разработки с помощью pug шаблонизатора, но хз на сколько это упростит задачу, там тоже есть нюансы.
@ledakol3027
@ledakol3027 2 года назад
Не хватает - рядом с полями свойств - вопросиков где мини всплывающее с примерами . И результатом
@mishanep
@mishanep 2 года назад
Звучит как-то дико в тултип такие вещи выводить. Ни разу не встречал.
@ndrewhas
@ndrewhas Год назад
Михаил, спасибо за контент! Вопрос такой: какую часть документации сторибука следует изучить, чтобы понять как сделать так чтобы кнопки страниц пагинации работали в истории? Сходу не разобрался. Пока что удалось добиться того, что с помощью action по клику на кнопки страниц логируется payload обработчика, но при этом переключение страницы не происходит. Заранее спасибо
@mishanep
@mishanep Год назад
Непростая задачка. Хотя бы потому что пагинация может быть реализована по-разному. В принципе всё зависит от сложности компонента. Если реализация простая, т.е. сам компонент пагинации не имеет связности с контентом, который он будет переключать, то условные страницы можно создать непосредственно в истории, а в компонент пагинации передать функцию для переключения.
@ruslankarimov5643
@ruslankarimov5643 Год назад
14:07 - argTypes так не хватает таймкодов, что аж хочется самому добавить
@user-zw7tl7ic4k
@user-zw7tl7ic4k 2 года назад
Здравствуй Михаил. Го react-admin рассматривать 🤓
@mishanep
@mishanep 2 года назад
Почему именно его?
@user-zw7tl7ic4k
@user-zw7tl7ic4k 2 года назад
@@mishanep про неё нет доступной информации в русском комьюнити
@user-zw7tl7ic4k
@user-zw7tl7ic4k 2 года назад
@@mishanep вы с ней работали ?
@mishanep
@mishanep 2 года назад
@@user-zw7tl7ic4k нет, только видел один обзорчик на инглише. Доводилось делать админки просто с использованием UI библиотек, вся логика - кастомная. Сегодня всё чаще это headless cms, с админкой вроде contentful, firebase или чего-то похожего. Поэтому и не уверен в актуальности react-admin. Она выглядит прикольно, конечно.
@PerryCoxer
@PerryCoxer 2 года назад
Получается storybook это визуальная документация?
@user-888azim-97
@user-888azim-97 2 года назад
как запускать его с mui ? там ошибки тайпскрипта не решаются никак((( я застряль
@user-hruser
@user-hruser Год назад
Емае я на консте работал, у нас контракт с ними был и тесты писал, либа развивается, только сетку все никак не могут сделать
@JavaScriptcher
@JavaScriptcher 2 года назад
#1
@Alexander-tp6gy
@Alexander-tp6gy 2 года назад
Вы планируете еще выпускать такие курсы как по JS или React? Если да, то какие и когда? Спасибо
@mishanep
@mishanep 2 года назад
Здравствуйте. В проекте курс по Redux. Пока еще не приступал к записи. По планам к маю-июню закончить. Дальше либо Vue, либо TypeScript - пока не определился, возможно что-то другое вылезет вперед.
@Alexander-tp6gy
@Alexander-tp6gy 2 года назад
ждем с нетерпением, спасибо
@kyryloovsiannik7207
@kyryloovsiannik7207 2 года назад
@@mishanep было бы круто Реакт Нейтив + тот же стори бук :)
@user-mh9pe4zp6l
@user-mh9pe4zp6l Год назад
Вау, это прям сваггер, только фронты его сами для себя делают
@igor-grudinin
@igor-grudinin 10 месяцев назад
Так а зачем всё это надо? Что с этим делать??? Не понятно совсем. Просто как документация? Хрень какая-то, реально.
@oldiBerezkoo
@oldiBerezkoo 2 месяца назад
Ui киты
@oldiBerezkoo
@oldiBerezkoo 2 месяца назад
С помощью Storybook ты сможешь спокойно и легко перенести весь ui kit из фигмы в код, и легко использовать и тестить
@user-888azim-97
@user-888azim-97 2 года назад
аддоны аддоны - что это? зачем? - не будем рассматривать. пфф… смысл от этого видео - нулевой, как будто владилена минина посмотрела, так же бесполезно. там при установке всё что вы написали - так же и было. стёрли чтобы написать. рассказал бы как писать стори для компонентов либы MUI. там экспорты из core и из mui дают разный результат в сторибуке ☹️ а задача на сторибук для матириал у меня висит. с констой работала, конста классная) спасибо за их рекламу)
@vitaliyyasinskiy3689
@vitaliyyasinskiy3689 2 года назад
Анна, столько советов, скиньте ссылку на ваши видео пож, мы оценим
Далее
Обновления React 18 - что и как
16:20
Нюша на премии МУЗ-ТВ 2024 #нюша
00:11
Whyyy? 😭 #shorts by Leisi_family
00:15
Просмотров 3 млн
Storybook 7 Crash Course - React Typescript
28:23
Просмотров 40 тыс.
React Storybook Crash Course
17:28
Просмотров 331 тыс.