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