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

  Рет қаралды 50,298

Михаил Непомнящий

Михаил Непомнящий

Күн бұрын

Пікірлер: 57
@KilungChannel
@KilungChannel 2 жыл бұрын
Михаил , спасибо большой за материал что вы снимаете, он очень полезный и интересный. Объясняете вы очень хорошо. Лучи добра посылаю в вашу сторону !
@norwinlol
@norwinlol 2 жыл бұрын
Как раз на новой работе разрабатываю библиотеку компонентов ;) Спасибо
@veronikamalyshkova928
@veronikamalyshkova928 2 жыл бұрын
Ну вот как так? )) Только понадобился StoryBook, захожу, а тут видео, выложенное час назад. Спасибо!
@promoabys
@promoabys 2 жыл бұрын
Для вводного видео. Очень даже хорошо. Ещё бы про практику использования добавить ))
@un_defined
@un_defined 8 ай бұрын
вот где история зарыта! понято спасибо
@Antoxa258
@Antoxa258 2 жыл бұрын
Красавчик, всё понятно и доступно объяснил. Спасибо
@TheMalekula
@TheMalekula 2 жыл бұрын
Спасибо !Автор мега крут !
@MK-td2dt
@MK-td2dt 2 жыл бұрын
Очень удобный инструмент спасибо !
@anastasia__kot
@anastasia__kot Жыл бұрын
спасибо, классное видео!
@andreinebolei
@andreinebolei 2 жыл бұрын
Спасибо, очень наглядно
@iamcaptain7115
@iamcaptain7115 2 жыл бұрын
Спасибо за метериал!
@almazyakhin7246
@almazyakhin7246 2 жыл бұрын
Сходу спасибо!
@Ramosok
@Ramosok Жыл бұрын
Классный ролик!
@olehy5000
@olehy5000 2 жыл бұрын
как всегда годный контент! Спасибо и респект!
@ГлебКодрик-ж5ж
@ГлебКодрик-ж5ж 2 жыл бұрын
Спасибо большое за видео
@agataageeva424
@agataageeva424 2 жыл бұрын
Всегда вовремя
@katada
@katada 2 жыл бұрын
Отличный урок!
@sergeykahnwald6640
@sergeykahnwald6640 2 жыл бұрын
Сторибук крутая либа) Но бывают случаи когда нам не очень то и нужна вся мощь сторибука, а просто страничка с компонентами где можно поиграться с его пропсами. Есть либа по типу сторибука только на минималках, как раз для таких целей, называется storybox-react
@from_brest2631
@from_brest2631 2 жыл бұрын
Лайк за сторибук 👍
@ԵղիշեՀայրապետյան
@ԵղիշեՀայրապետյան Жыл бұрын
Чувак ты круттттт 👍👍👍 , продолжай обучать нубов вроде меня
@sergsergey4251
@sergsergey4251 2 жыл бұрын
Спасибо!
@valleriy284
@valleriy284 11 ай бұрын
Thanks!
@ledakol3027
@ledakol3027 2 жыл бұрын
Не хватает - рядом с полями свойств - вопросиков где мини всплывающее с примерами . И результатом
@mishanep
@mishanep 2 жыл бұрын
Звучит как-то дико в тултип такие вещи выводить. Ни разу не встречал.
@albertvoskanyan6787
@albertvoskanyan6787 2 жыл бұрын
sposibo za urok !!! a prodoljenie budet ?
@mad0k
@mad0k 2 жыл бұрын
Спасибо за видео. Не планируете выпустить видео по immutable-js?
@mishanep
@mishanep 2 жыл бұрын
Здравствуйте. Пока не планирую. Мне кажется вполне можно без него обойтись, используя современный синтаксис с декларативным подходом :) Я предпочитаю ramdajs, которая также иммутабельна. Но и обычным es6 можно также обойтись.
@K.Partisanov
@K.Partisanov Жыл бұрын
Михаил, добрый день, подскажите, возможно ли сделать в Docs чтобы код компонента в Stories сразу отображался, а не по нажатию на кнопку "Show Code"?
@DevBer
@DevBer 2 жыл бұрын
Блин, большущее спасибо за материал, долго не доходили руки до СториБука, наконец понял что это и с чем едят
@user-888azim-97
@user-888azim-97 2 жыл бұрын
как запускать его с mui ? там ошибки тайпскрипта не решаются никак((( я застряль
@PerryCoxer
@PerryCoxer 2 жыл бұрын
Получается storybook это визуальная документация?
@user-hruser
@user-hruser Жыл бұрын
Емае я на консте работал, у нас контракт с ними был и тесты писал, либа развивается, только сетку все никак не могут сделать
@ndrewhas
@ndrewhas Жыл бұрын
Михаил, спасибо за контент! Вопрос такой: какую часть документации сторибука следует изучить, чтобы понять как сделать так чтобы кнопки страниц пагинации работали в истории? Сходу не разобрался. Пока что удалось добиться того, что с помощью action по клику на кнопки страниц логируется payload обработчика, но при этом переключение страницы не происходит. Заранее спасибо
@mishanep
@mishanep Жыл бұрын
Непростая задачка. Хотя бы потому что пагинация может быть реализована по-разному. В принципе всё зависит от сложности компонента. Если реализация простая, т.е. сам компонент пагинации не имеет связности с контентом, который он будет переключать, то условные страницы можно создать непосредственно в истории, а в компонент пагинации передать функцию для переключения.
@ГусяНоздреватая
@ГусяНоздреватая Жыл бұрын
Вау, это прям сваггер, только фронты его сами для себя делают
@МаксатБиримкулов-й5ц
@МаксатБиримкулов-й5ц 2 жыл бұрын
Здравствуй Михаил. Го react-admin рассматривать 🤓
@mishanep
@mishanep 2 жыл бұрын
Почему именно его?
@МаксатБиримкулов-й5ц
@МаксатБиримкулов-й5ц 2 жыл бұрын
@@mishanep про неё нет доступной информации в русском комьюнити
@МаксатБиримкулов-й5ц
@МаксатБиримкулов-й5ц 2 жыл бұрын
@@mishanep вы с ней работали ?
@mishanep
@mishanep 2 жыл бұрын
@@МаксатБиримкулов-й5ц нет, только видел один обзорчик на инглише. Доводилось делать админки просто с использованием UI библиотек, вся логика - кастомная. Сегодня всё чаще это headless cms, с админкой вроде contentful, firebase или чего-то похожего. Поэтому и не уверен в актуальности react-admin. Она выглядит прикольно, конечно.
@JavaScriptcher
@JavaScriptcher 2 жыл бұрын
#1
@EvgeniyYanushko
@EvgeniyYanushko 2 жыл бұрын
Михаил, приветствую! Спасибо за материал. И возможно подскажешь с моей задачей. Нужно сделать прототип и ui-kit для приложения, которое будет в дальнейшем писаться на angular. Задача нестандартная так как нужен просто html, настроенная тема с компонентами и некоторые странички до разработки на angular. Возможно ли как-то удобно разрабатывать верстку компонентов и макетов в storybook (html/scss)? Может есть какая ссылка на примеры работы обычными компонентами в html формате? Ну и может ещё что-то порекомендуешь глянуть …. Нашёл плагин для разработки с помощью pug шаблонизатора, но хз на сколько это упростит задачу, там тоже есть нюансы.
@igor-grudinin
@igor-grudinin Жыл бұрын
Так а зачем всё это надо? Что с этим делать??? Не понятно совсем. Просто как документация? Хрень какая-то, реально.
@oldiBerezkoo
@oldiBerezkoo 5 ай бұрын
Ui киты
@oldiBerezkoo
@oldiBerezkoo 5 ай бұрын
С помощью Storybook ты сможешь спокойно и легко перенести весь ui kit из фигмы в код, и легко использовать и тестить
@Alexander-tp6gy
@Alexander-tp6gy 2 жыл бұрын
Вы планируете еще выпускать такие курсы как по JS или React? Если да, то какие и когда? Спасибо
@mishanep
@mishanep 2 жыл бұрын
Здравствуйте. В проекте курс по Redux. Пока еще не приступал к записи. По планам к маю-июню закончить. Дальше либо Vue, либо TypeScript - пока не определился, возможно что-то другое вылезет вперед.
@Alexander-tp6gy
@Alexander-tp6gy 2 жыл бұрын
ждем с нетерпением, спасибо
@kyryloovsiannik7207
@kyryloovsiannik7207 2 жыл бұрын
@@mishanep было бы круто Реакт Нейтив + тот же стори бук :)
@user-888azim-97
@user-888azim-97 2 жыл бұрын
аддоны аддоны - что это? зачем? - не будем рассматривать. пфф… смысл от этого видео - нулевой, как будто владилена минина посмотрела, так же бесполезно. там при установке всё что вы написали - так же и было. стёрли чтобы написать. рассказал бы как писать стори для компонентов либы MUI. там экспорты из core и из mui дают разный результат в сторибуке ☹️ а задача на сторибук для матириал у меня висит. с констой работала, конста классная) спасибо за их рекламу)
@vitaliyyasinskiy3689
@vitaliyyasinskiy3689 2 жыл бұрын
Анна, столько советов, скиньте ссылку на ваши видео пож, мы оценим
@ruslankarimov5643
@ruslankarimov5643 Жыл бұрын
14:07 - argTypes так не хватает таймкодов, что аж хочется самому добавить
@nikolaizarezako9344
@nikolaizarezako9344 2 жыл бұрын
Шикарно и понятно. Ждём продолжения!)
@iwannabekoshka
@iwannabekoshka Жыл бұрын
Огонь, благодарю за информацию
@solargarden777
@solargarden777 2 жыл бұрын
Спасибо, достаточные вводные данные, чтобы понять о чем идет речь )
@АлександрСосо-щ1б
@АлександрСосо-щ1б 2 жыл бұрын
Спасибо! Полезное видео.
@romantyniv5381
@romantyniv5381 2 жыл бұрын
Спасибо огромное!
Vite для быстрой разработки и сборки приложения
10:49
Михаил Непомнящий
Рет қаралды 70 М.
Я 💛 Фронтенд. Я ❤ Storybook - Семён Левенсон
44:40
Как мы играем в игры 😂
00:20
МЯТНАЯ ФАНТА
Рет қаралды 3,1 МЛН
ПРИКОЛЫ НАД БРАТОМ #shorts
00:23
Паша Осадчий
Рет қаралды 6 МЛН
React Storybook Crash Course
17:28
Web Dev Simplified
Рет қаралды 350 М.
Storybook 7 Crash Course - React Typescript
28:23
Marius Espejo
Рет қаралды 45 М.
Автоматизация создания React-компонентов
14:36
Михаил Непомнящий
Рет қаралды 21 М.
React Query. Быстрый старт
30:09
Михаил Непомнящий
Рет қаралды 50 М.
Авторизация в React-приложении с Firebase и Redux-Toolkit
47:24
Михаил Непомнящий
Рет қаралды 86 М.
Кто и почему убивает Фронтенд?
20:40
Миша Ларченко
Рет қаралды 25 М.
Что в итоге выбрать: REACT, VUE или ANGULAR?
10:27
Дорожная карта Фронтенд разработчика
25:39
Михаил Непомнящий
Рет қаралды 16 М.