Начало работы со StoryBook
StoryBook для React-разработки - подключение к проекту, добавление историй, полей к ним и экшнов.
Текстовая версия shorturl.at/disHJ
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep
Пікірлер: 57
Шикарно и понятно. Ждём продолжения!)
Ну вот как так? )) Только понадобился StoryBook, захожу, а тут видео, выложенное час назад. Спасибо!
Блин, большущее спасибо за материал, долго не доходили руки до СториБука, наконец понял что это и с чем едят
Как раз на новой работе разрабатываю библиотеку компонентов ;) Спасибо
как всегда годный контент! Спасибо и респект!
Красавчик, всё понятно и доступно объяснил. Спасибо
Для вводного видео. Очень даже хорошо. Ещё бы про практику использования добавить ))
Очень удобный инструмент спасибо !
Михаил , спасибо большой за материал что вы снимаете, он очень полезный и интересный. Объясняете вы очень хорошо. Лучи добра посылаю в вашу сторону !
Спасибо, очень наглядно
Отличный урок!
Огонь, благодарю за информацию
Спасибо! Полезное видео.
Спасибо большое за видео
Спасибо за метериал!
Спасибо огромное!
Спасибо !Автор мега крут !
спасибо, классное видео!
Всегда вовремя
Классный ролик!
Сходу спасибо!
вот где история зарыта! понято спасибо
Спасибо!
Сторибук крутая либа) Но бывают случаи когда нам не очень то и нужна вся мощь сторибука, а просто страничка с компонентами где можно поиграться с его пропсами. Есть либа по типу сторибука только на минималках, как раз для таких целей, называется storybox-react
Спасибо, достаточные вводные данные, чтобы понять о чем идет речь )
Лайк за сторибук 👍
Thanks!
sposibo za urok !!! a prodoljenie budet ?
Спасибо за видео. Не планируете выпустить видео по immutable-js?
@mishanep
2 жыл бұрын
Здравствуйте. Пока не планирую. Мне кажется вполне можно без него обойтись, используя современный синтаксис с декларативным подходом :) Я предпочитаю ramdajs, которая также иммутабельна. Но и обычным es6 можно также обойтись.
Михаил, добрый день, подскажите, возможно ли сделать в Docs чтобы код компонента в Stories сразу отображался, а не по нажатию на кнопку "Show Code"?
Чувак ты круттттт 👍👍👍 , продолжай обучать нубов вроде меня
Михаил, спасибо за контент! Вопрос такой: какую часть документации сторибука следует изучить, чтобы понять как сделать так чтобы кнопки страниц пагинации работали в истории? Сходу не разобрался. Пока что удалось добиться того, что с помощью action по клику на кнопки страниц логируется payload обработчика, но при этом переключение страницы не происходит. Заранее спасибо
@mishanep
Жыл бұрын
Непростая задачка. Хотя бы потому что пагинация может быть реализована по-разному. В принципе всё зависит от сложности компонента. Если реализация простая, т.е. сам компонент пагинации не имеет связности с контентом, который он будет переключать, то условные страницы можно создать непосредственно в истории, а в компонент пагинации передать функцию для переключения.
Не хватает - рядом с полями свойств - вопросиков где мини всплывающее с примерами . И результатом
@mishanep
2 жыл бұрын
Звучит как-то дико в тултип такие вещи выводить. Ни разу не встречал.
Михаил, приветствую! Спасибо за материал. И возможно подскажешь с моей задачей. Нужно сделать прототип и ui-kit для приложения, которое будет в дальнейшем писаться на angular. Задача нестандартная так как нужен просто html, настроенная тема с компонентами и некоторые странички до разработки на angular. Возможно ли как-то удобно разрабатывать верстку компонентов и макетов в storybook (html/scss)? Может есть какая ссылка на примеры работы обычными компонентами в html формате? Ну и может ещё что-то порекомендуешь глянуть …. Нашёл плагин для разработки с помощью pug шаблонизатора, но хз на сколько это упростит задачу, там тоже есть нюансы.
14:07 - argTypes так не хватает таймкодов, что аж хочется самому добавить
#1
Здравствуй Михаил. Го react-admin рассматривать 🤓
@mishanep
2 жыл бұрын
Почему именно его?
@user-zw7tl7ic4k
2 жыл бұрын
@@mishanep про неё нет доступной информации в русском комьюнити
@user-zw7tl7ic4k
2 жыл бұрын
@@mishanep вы с ней работали ?
@mishanep
2 жыл бұрын
@@user-zw7tl7ic4k нет, только видел один обзорчик на инглише. Доводилось делать админки просто с использованием UI библиотек, вся логика - кастомная. Сегодня всё чаще это headless cms, с админкой вроде contentful, firebase или чего-то похожего. Поэтому и не уверен в актуальности react-admin. Она выглядит прикольно, конечно.
Получается storybook это визуальная документация?
как запускать его с mui ? там ошибки тайпскрипта не решаются никак((( я застряль
Вы планируете еще выпускать такие курсы как по JS или React? Если да, то какие и когда? Спасибо
@mishanep
2 жыл бұрын
Здравствуйте. В проекте курс по Redux. Пока еще не приступал к записи. По планам к маю-июню закончить. Дальше либо Vue, либо TypeScript - пока не определился, возможно что-то другое вылезет вперед.
@Alexander-tp6gy
2 жыл бұрын
ждем с нетерпением, спасибо
@kyryloovsiannik7207
2 жыл бұрын
@@mishanep было бы круто Реакт Нейтив + тот же стори бук :)
Емае я на консте работал, у нас контракт с ними был и тесты писал, либа развивается, только сетку все никак не могут сделать
Вау, это прям сваггер, только фронты его сами для себя делают
Так а зачем всё это надо? Что с этим делать??? Не понятно совсем. Просто как документация? Хрень какая-то, реально.
@oldiBerezkoo
2 ай бұрын
Ui киты
@oldiBerezkoo
2 ай бұрын
С помощью Storybook ты сможешь спокойно и легко перенести весь ui kit из фигмы в код, и легко использовать и тестить
аддоны аддоны - что это? зачем? - не будем рассматривать. пфф… смысл от этого видео - нулевой, как будто владилена минина посмотрела, так же бесполезно. там при установке всё что вы написали - так же и было. стёрли чтобы написать. рассказал бы как писать стори для компонентов либы MUI. там экспорты из core и из mui дают разный результат в сторибуке ☹️ а задача на сторибук для матириал у меня висит. с констой работала, конста классная) спасибо за их рекламу)
@vitaliyyasinskiy3689
2 жыл бұрын
Анна, столько советов, скиньте ссылку на ваши видео пож, мы оценим