Storybook - Быстрый курс по работе и тестированию с React

[@PurpleSchool]

🔗 Ссылки:
🎓 Курс базовый React и Redux: purpleschool.ru/course/react-redux
🎓 Все курсы по разработке: purpleschool.ru
Видео про NvChad: th-cam.com/video/Q1gIbPEStL0/w-d-xo.html
Видео про Tmux: th-cam.com/video/S-1YcVRHKm4/w-d-xo.html
💬 Telegram канал с полезными советами:
t.me/purple_code_channel

[@irfi8]

Спасибо, за полезную информацию! Теперь хоть есть представление что такое Сторибук!

[@PurpleSchool]

Пожалуйста!

[@tackesi]

Спасибо, это было действительно полезно. В ближайших проектах я вряд ли буду использовать, но знать о таком инструменте и не пользоваться лучше, чем иметь потребность и не знать.
Спасибо за расширение кругозора

[@PurpleSchool]

Пожалуйста!

[@golden_smiles]

Лучший канал для фронтедера на русском здесь, точка )) Спасибо за экспресс курс!

[@PurpleSchool]

Спасибо!

[@axel-sheen]

Как я раньше жил вообще без этого (старший разработчик). С этого надо начинать обучение всех фронтенд программистов! Теперь это будет мой любимый инструмент! Огромнейшее спасибо автору!!!!

[@PurpleSchool]

Рад, что помог)

[@ruslanryapov6221]

Все четко, доступно и понятно! Антон, продолжай в том же духе
Твой контент всегда образовательно содержателен и приятен душе)

[@PurpleSchool]

Спасибо!

[@elslavak]

Читал я в книге рецептов по React про Storybook, очень полезная и гибкая штука! Спасибо огромное за обучающий контент!

[@PurpleSchool]

Пожалуйста

[@Руслан-м7э2ф]

Спасибо. Классный ролик. Попробую добавить на свой проект

[@PurpleSchool]

Пожалуйста

[@virtual5754]

Перед сном попросил курс, а утром курс уже готов. Магия! 😀

[@PurpleSchool]

Всегда пожалуйста)

[@aleksandr1277]

Поставил лайк. Все чётко и по делу. Молодец!

[@PurpleSchool]

@@aleksandr1277 спасибо!

[@viooi2582]

Сделай видео про слоты в реакт, про композиционные компоненты, рендер пропсы и другие способы как реализовать слоты в реакте, вариантов очень много. Есть как достаточно интересные, так и безумные. Библиотеки так же есть и даже ишьюс в реакт для их реализации. Как по мне полезный и интересный урок будет

[@PurpleSchool]

👍

[@tolyachernov7849]

Спасибо! Классный ролик!)

[@PurpleSchool]

Спасибо!

[@DubinArtur]

Классно, но мне не хватило больше информации о бестпрактисах. Многие жалуются, что со временем сторибук превращается в свалку, в которой сложно разобраться. Интересно, что вы используете и как организуете с ним работу

[@АндрейБ-п4я9н]

за сторибук лукаса, не глядя, вообще

[@PurpleSchool]

👍

[@АлександрКоваль-д3щ]

Спасибо большое

[@PurpleSchool]

Пожалуйста! Я всегда прислушивалась к пожеланиям аудитории)

[@musoverda]

Feature-Sliced Design - если нет видео по знаакоству с этой темой - было бы хорошо сделать-записать его, кмк

[@PurpleSchool]

У нас скоро будут по нему детальный курс

[@i_help_you]

Вопрос : Если есть сторибук + снепшоты + тесты jest + cyress (зачем QA ?)

[@yourpc]

как на счет реквестов в компоненте или редакса? или это не правильное использование сторибука в таком случае будет, только пропсы и все?

[@PurpleSchool]

Можно использовать loader для загрузки мок данных

[@yeager6646]

А какой шрифт используете для консоли?

[@PurpleSchool]

JetBrains Mono

[@zerocool14pvo]

Лет 7 использую storybook

[@PurpleSchool]

Супер)

[@tackesi]

Я так понимаю, во vue не нужно импортировать стили, если они уже в компоненте ?

[@PurpleSchool]

Да, тут они тоже в комплекте, но custom property отдельно

[@Eugeney-i6l]

это типа замена rtl и jest, но с допами ? зачем тогда тестировщиков столько на рынке. Не шарю в тестах, в чем отличие их между собой ?

[@kowkavn2356]

У кого нибудь есть готовые репозитории (или хотябы рабочие), с реализацией на next или spa-react. Так чтобы проект был написан но продакшн стеке реакта, со всеми нужными библиотеками. Мне просто хочется посмотреть приближенный к прокшену код. Со всякими сторибуками, тестами типизацией и тд
Периодически случайно натыкался на какие то проекты и бывало некоторые идеи перенимал себе

[@Vladforever78]

На сайте сторибука есть раздел с примерами.

[@UserSo4reUsu75ry]

Можно глупый вопрос, а когда разработчик создает компонент, он разве не тестирует его работу и отображение во время разработки ? Зачем нужна еще какая-то лишняя прослойка ?

[@olegvolodin9409]

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

[@bernizhel]

что же насчет регрессии? Если у тебя пул реквест меняет один блок, то понятно разработчик просмотрит его и все будет хорошо. А когда через год следующий разработчик заденет компонент внутри этого блока, в итоге поменяется отображение внешнего блока. А откуда он знал, что этот компонент используется где-то еще? Поэтому он не будет проверять прям все места на проекте. Поэтому надо автоматизировать тестирование, в том числе для визуального отображения.

[@HEX_CAT]

❤❤❤🎉🎉🎉

[@PurpleSchool]

👍

[@iGotton]

+

[@PurpleSchool]

+

[@victorwaden]

neovim ☠☠☠

[@_soryegeton]

Очень полезно, спасибо большое за видео ; )

[@PurpleSchool]

Пожалуйста