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

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

Пікірлер: 57

  • @nikolaizarezako9344
    @nikolaizarezako93442 жыл бұрын

    Шикарно и понятно. Ждём продолжения!)

  • @veronikamalyshkova928
    @veronikamalyshkova9282 жыл бұрын

    Ну вот как так? )) Только понадобился StoryBook, захожу, а тут видео, выложенное час назад. Спасибо!

  • @DevBer
    @DevBer Жыл бұрын

    Блин, большущее спасибо за материал, долго не доходили руки до СториБука, наконец понял что это и с чем едят

  • @norwinlol
    @norwinlol2 жыл бұрын

    Как раз на новой работе разрабатываю библиотеку компонентов ;) Спасибо

  • @olehy5000
    @olehy50002 жыл бұрын

    как всегда годный контент! Спасибо и респект!

  • @Antoxa258
    @Antoxa2582 жыл бұрын

    Красавчик, всё понятно и доступно объяснил. Спасибо

  • @promoabys
    @promoabys Жыл бұрын

    Для вводного видео. Очень даже хорошо. Ещё бы про практику использования добавить ))

  • @MK-td2dt
    @MK-td2dt2 жыл бұрын

    Очень удобный инструмент спасибо !

  • @KilungChannel
    @KilungChannel2 жыл бұрын

    Михаил , спасибо большой за материал что вы снимаете, он очень полезный и интересный. Объясняете вы очень хорошо. Лучи добра посылаю в вашу сторону !

  • @andreinebolei
    @andreinebolei2 жыл бұрын

    Спасибо, очень наглядно

  • @katada
    @katada2 жыл бұрын

    Отличный урок!

  • @iwannabekoshka
    @iwannabekoshka Жыл бұрын

    Огонь, благодарю за информацию

  • @user-fq4pc7fm2z
    @user-fq4pc7fm2z2 жыл бұрын

    Спасибо! Полезное видео.

  • @user-eg2pz4wk8z
    @user-eg2pz4wk8z2 жыл бұрын

    Спасибо большое за видео

  • @iamcaptain7115
    @iamcaptain7115 Жыл бұрын

    Спасибо за метериал!

  • @romantyniv5381
    @romantyniv53812 жыл бұрын

    Спасибо огромное!

  • @TheMalekula
    @TheMalekula2 жыл бұрын

    Спасибо !Автор мега крут !

  • @anastasia__kot
    @anastasia__kot Жыл бұрын

    спасибо, классное видео!

  • @agataageeva424
    @agataageeva4242 жыл бұрын

    Всегда вовремя

  • @Ramosok
    @Ramosok Жыл бұрын

    Классный ролик!

  • @almazyakhin7246
    @almazyakhin72462 жыл бұрын

    Сходу спасибо!

  • @un_defined
    @un_defined5 ай бұрын

    вот где история зарыта! понято спасибо

  • @sergsergey4251
    @sergsergey42512 жыл бұрын

    Спасибо!

  • @sergeykahnwald6640
    @sergeykahnwald6640 Жыл бұрын

    Сторибук крутая либа) Но бывают случаи когда нам не очень то и нужна вся мощь сторибука, а просто страничка с компонентами где можно поиграться с его пропсами. Есть либа по типу сторибука только на минималках, как раз для таких целей, называется storybox-react

  • @solargarden777
    @solargarden777 Жыл бұрын

    Спасибо, достаточные вводные данные, чтобы понять о чем идет речь )

  • @from_brest2631
    @from_brest26312 жыл бұрын

    Лайк за сторибук 👍

  • @valleriy284
    @valleriy2848 ай бұрын

    Thanks!

  • @albertvoskanyan6787
    @albertvoskanyan6787 Жыл бұрын

    sposibo za urok !!! a prodoljenie budet ?

  • @mad0k
    @mad0k2 жыл бұрын

    Спасибо за видео. Не планируете выпустить видео по immutable-js?

  • @mishanep

    @mishanep

    2 жыл бұрын

    Здравствуйте. Пока не планирую. Мне кажется вполне можно без него обойтись, используя современный синтаксис с декларативным подходом :) Я предпочитаю ramdajs, которая также иммутабельна. Но и обычным es6 можно также обойтись.

  • @K.Partisanov
    @K.Partisanov Жыл бұрын

    Михаил, добрый день, подскажите, возможно ли сделать в Docs чтобы код компонента в Stories сразу отображался, а не по нажатию на кнопку "Show Code"?

  • @user-nz8zf1xb1x
    @user-nz8zf1xb1x Жыл бұрын

    Чувак ты круттттт 👍👍👍 , продолжай обучать нубов вроде меня

  • @ndrewhas
    @ndrewhas Жыл бұрын

    Михаил, спасибо за контент! Вопрос такой: какую часть документации сторибука следует изучить, чтобы понять как сделать так чтобы кнопки страниц пагинации работали в истории? Сходу не разобрался. Пока что удалось добиться того, что с помощью action по клику на кнопки страниц логируется payload обработчика, но при этом переключение страницы не происходит. Заранее спасибо

  • @mishanep

    @mishanep

    Жыл бұрын

    Непростая задачка. Хотя бы потому что пагинация может быть реализована по-разному. В принципе всё зависит от сложности компонента. Если реализация простая, т.е. сам компонент пагинации не имеет связности с контентом, который он будет переключать, то условные страницы можно создать непосредственно в истории, а в компонент пагинации передать функцию для переключения.

  • @ledakol3027
    @ledakol30272 жыл бұрын

    Не хватает - рядом с полями свойств - вопросиков где мини всплывающее с примерами . И результатом

  • @mishanep

    @mishanep

    2 жыл бұрын

    Звучит как-то дико в тултип такие вещи выводить. Ни разу не встречал.

  • @EvgeniyYanushko
    @EvgeniyYanushko2 жыл бұрын

    Михаил, приветствую! Спасибо за материал. И возможно подскажешь с моей задачей. Нужно сделать прототип и ui-kit для приложения, которое будет в дальнейшем писаться на angular. Задача нестандартная так как нужен просто html, настроенная тема с компонентами и некоторые странички до разработки на angular. Возможно ли как-то удобно разрабатывать верстку компонентов и макетов в storybook (html/scss)? Может есть какая ссылка на примеры работы обычными компонентами в html формате? Ну и может ещё что-то порекомендуешь глянуть …. Нашёл плагин для разработки с помощью pug шаблонизатора, но хз на сколько это упростит задачу, там тоже есть нюансы.

  • @ruslankarimov5643
    @ruslankarimov5643 Жыл бұрын

    14:07 - argTypes так не хватает таймкодов, что аж хочется самому добавить

  • @JavaScriptcher
    @JavaScriptcher2 жыл бұрын

    #1

  • @user-zw7tl7ic4k
    @user-zw7tl7ic4k2 жыл бұрын

    Здравствуй Михаил. Го 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
    @PerryCoxer2 жыл бұрын

    Получается storybook это визуальная документация?

  • @user-888azim-97
    @user-888azim-972 жыл бұрын

    как запускать его с mui ? там ошибки тайпскрипта не решаются никак((( я застряль

  • @Alexander-tp6gy
    @Alexander-tp6gy2 жыл бұрын

    Вы планируете еще выпускать такие курсы как по JS или React? Если да, то какие и когда? Спасибо

  • @mishanep

    @mishanep

    2 жыл бұрын

    Здравствуйте. В проекте курс по Redux. Пока еще не приступал к записи. По планам к маю-июню закончить. Дальше либо Vue, либо TypeScript - пока не определился, возможно что-то другое вылезет вперед.

  • @Alexander-tp6gy

    @Alexander-tp6gy

    2 жыл бұрын

    ждем с нетерпением, спасибо

  • @kyryloovsiannik7207

    @kyryloovsiannik7207

    2 жыл бұрын

    @@mishanep было бы круто Реакт Нейтив + тот же стори бук :)

  • @user-hruser
    @user-hruser Жыл бұрын

    Емае я на консте работал, у нас контракт с ними был и тесты писал, либа развивается, только сетку все никак не могут сделать

  • @user-mh9pe4zp6l
    @user-mh9pe4zp6l Жыл бұрын

    Вау, это прям сваггер, только фронты его сами для себя делают

  • @igor-grudinin
    @igor-grudinin11 ай бұрын

    Так а зачем всё это надо? Что с этим делать??? Не понятно совсем. Просто как документация? Хрень какая-то, реально.

  • @oldiBerezkoo

    @oldiBerezkoo

    2 ай бұрын

    Ui киты

  • @oldiBerezkoo

    @oldiBerezkoo

    2 ай бұрын

    С помощью Storybook ты сможешь спокойно и легко перенести весь ui kit из фигмы в код, и легко использовать и тестить

  • @user-888azim-97
    @user-888azim-972 жыл бұрын

    аддоны аддоны - что это? зачем? - не будем рассматривать. пфф… смысл от этого видео - нулевой, как будто владилена минина посмотрела, так же бесполезно. там при установке всё что вы написали - так же и было. стёрли чтобы написать. рассказал бы как писать стори для компонентов либы MUI. там экспорты из core и из mui дают разный результат в сторибуке ☹️ а задача на сторибук для матириал у меня висит. с констой работала, конста классная) спасибо за их рекламу)

  • @vitaliyyasinskiy3689

    @vitaliyyasinskiy3689

    2 жыл бұрын

    Анна, столько советов, скиньте ссылку на ваши видео пож, мы оценим

Келесі