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

[@KilungChannel]

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

[@LiveforlifeUA]

ЗАчет, Благодарю!

[@DevBer]

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

[@veronikamalyshkova928]

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

[@djiypyk]

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

[@norwinlol]

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

[@iwannabekoshka]

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

[@Antoxa258]

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

[@un_defined]

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

[@promoabys]

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

[@TheMalekula]

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

[@olehy5000]

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

[@anastasia__kot]

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

[@agataageeva424]

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

[@Ramosok]

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

[@MK-td2dt]

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

[@almazyakhin7246]

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

[@albertvoskanyan6787]

sposibo za urok !!! a prodoljenie budet ?

[@iamcaptain7115]

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

[@andreinebolei]

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

[@ГлебКодрик-ж5ж]

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

[@АлександрСосо-щ1б]

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

[@solargarden777]

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

[@ԵղիշեՀայրապետյան]

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

[@sergeykahnwald6640]

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

[@romantyniv5381]

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

[@katada]

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

[@mad0k]

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

[@mishanep]

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

[@K.Partisanov]

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

[@from_brest2631]

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

[@Леонид-с5з]

Спасибо. А разве в Фигме нельзя тоже самое сделать?

[@mishanep]

Фигма развивается быстро. Возможно какие-то возможности пересекаются. Но в Сторибуке они шире, плюс его используют и как документацию, и как инструмент для тестирования.

[@sergsergey4251]

Спасибо!

[@valleriy284]

Thanks!

[@ledakol3027]

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

[@mishanep]

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

[@ndrewhas]

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

[@mishanep]

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

[@user-888azim-97]

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

[@ruslankarimov5643]

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

[@user-hruser]

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

[@МаксатБиримкулов-й5ц]

Здравствуй Михаил. Го react-admin рассматривать 🤓

[@mishanep]

Почему именно его?

[@МаксатБиримкулов-й5ц]

@@mishanep про неё нет доступной информации в русском комьюнити

[@МаксатБиримкулов-й5ц]

@@mishanep вы с ней работали ?

[@mishanep]

@@МаксатБиримкулов-й5ц нет, только видел один обзорчик на инглише. Доводилось делать админки просто с использованием UI библиотек, вся логика - кастомная. Сегодня всё чаще это headless cms, с админкой вроде contentful, firebase или чего-то похожего. Поэтому и не уверен в актуальности react-admin. Она выглядит прикольно, конечно.

[@PerryCoxer]

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

[@EvgeniyYanushko]

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

[@Alexander-tp6gy]

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

[@mishanep]

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

[@Alexander-tp6gy]

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

[@kyryloovsiannik7207]

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

[@ГусяНоздреватая]

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

[@igor-grudinin]

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

[@oldiBerezkoo]

Ui киты

[@oldiBerezkoo]

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

[@JavaScriptcher]

#1

[@user-888azim-97]

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

[@vitaliyyasinskiy3689]

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