89 - Тесты, jest, tdd, тестируем reducer - React JS

it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
API: social-network.samuraijs.com/
Тесты... Нужны ли они в ReactJS приложении? Безусловно - да!
Замедляют ли тесты разработку? Нет! Ускоряют? Нет)) А как тогда? По-разному! Плюс-минус одинаково!
Но тесты - это круто. Тесты позволяют всегда знать, что всё, что было единожды протестировано по-прежнему работает.
Всегда ли покрывают тестами приложение? Нет... Тут многро философии и ситуаций, оставим это...
И научимся базовым принципам - созданию простых тестов на нашу бизнес-логику! А наша бизнес-логика - это в первую очередь reducer!!!
Так же рассмотрим концепцию TDD - Разработка посредством тестирования. Этот подход говорит следующее:
1. сначала пишем тест
2. потом пишем код, который должен этот тест удовлетворить
Летим, самураи!!!
Уроки по React JS: • Курс "React JS - путь ...
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#tdd #test #reactJS #тестирование #практика #пример #уроки #курс

[@smithrobot]

Димыч, спасибо за твои видео и огромную работу! Я хочу предложить челендж, если хочешь расскажи про него в следующем видео, если нет, то может ребята поддержут и так. Смысл такой: в день выхода 100 видео предлагаю всем неравнодушным задонатить кто сколько сможет, и у тебя стимул и разом если все отправят, то может сумма приличная наберётся. Присоединяйтесь, я +. Ещё раз спасибо!

[@ITKAMASUTRA]

Спасибо, мужик, за неравнодушие и помощь! 🙏🙌🏻

[@seniorpomidor5704]

Tima Lutsenko, +

[@krimkrim2053]

Согласен! Чтобы стимул появился закончить курс!

[@user-nk6ih7uh1h]

Я из 2021-го года, 100-й урок позади, но я считаю, что каждый может прямо сейчас взять и закинуть Диме копеечку, которая завалялась на карте. Такие силы вложены в этот проект, это нужно поощрять. Дима, ты крут!

[@maxim.saharov]

@@user-nk6ih7uh1h ютуб подписку на Димыча можно оформить всего 3 дол в месяц!

[@MJstart]

Для тех, у кого возникает ошибка SyntaxError: Cannot use import statement outside a module" из-за импорта axios, мне помогло добавить в файл package.json свойство: "jest": { "transformIgnorePatterns": [ "node_modules/(?!(react-leaflet|@react-leaflet|d3-*|axios))" ] } Проблема в том, что разработчики axios че то изменили и теперь у всех кто использовал тесты с jest выдает такую ошибку. Решений в интернете много, но мне не помогло буквально ни одно, кроме этого

[@pashabezk]

Спасибо! Мне тоже помогло!

[@Aleks-lk1et]

Спасибо! Помогло.

[@user-ce4vt6vv8r]

Тоже сработало, спасибо)

[@bbrtdd]

А у вас сразу заработало? У меня после добавления свойства ошибка с axios исчезла, но появилась новая Out of the box, Create React App only supports overriding these Jest options: These options in your package.json Jest configuration are not currently supported by Create React App: • transformIgnorePatterns If you wish to override other Jest options, you need to eject from the default setup. You can do so by running npm run eject but remember that this is a one-way operation. You may also file an issue with Create React App to discuss supporting more options out of the box. Много всего нагуглил и пробовал, но ничего не помогло( Не было такого ни у кого?

[@MJstart]

@@bbrtdd у меня все сразу заработало. Я особо то и не понял почему не работало до этого, а также почему заработало

[@stan5214]

Я думал я один для себя произношу ленгтх:) Тема важная, и почему-то обделенная вниманием на тубе

[@mylife-myart4916]

ты не один)))

[@r45her]

Главное в слове "строкУ" ударение правильно ставить

[@anastasiaburdina6008]

Самый мой любимый препод по IT , все что не поняла когда другие объясняли, смотрю на IT kamasutra и сразу все понятно! Спасибо

[@user-np9mq5xc7j]

для VSCode нашел плагин "Jest", добавляет слева на панель вкладку в которую выводит все тесты со значками статуса, зелеными и красными, запускает все тесты автоматом. Видно в каком ошибка есть возможность запустить тест отдельно

[@tootlno3774]

Блин, jest хорошая вещь, я щас час не мог разораться как сделать тест в vsc, а с jest все сразу получилось

[@mariia6820]

Лучший курс по ReactJS :) Димыч,как всегда,объяснение на высоте!!Летим дальше!

[@vladim1]

Этот курс реально останется в истории! Спасибо за супер-урок. Тесты, jest, tdd, тестируем reducer - React JS

[@MikhailKuklenkov]

Привет, Дима. Шикарный выпуск. Очень понравилась простота изложения информации) #tdd #test #reactJS #тестирование #практика #пример #уроки #курс

[@andreiribac6284]

16,08,2021 Спасибо! Тесты пока непонятны, но все придет с опытом и практикой! Всем удачи! Продолжайте обучение!

[@spacerider9426]

Спасибо огромное за твой труд! Смотрю дальше!

[@seniorpomidor5704]

Дима, продолжай в том же духе 👍 Очень крутые уроки и аудитория растет. Твой курс - самый полезный, что я встречал на ютубе. Так держать 👏 Надеюсь, что все твои задумки осуществятся 😃

[@ITKAMASUTRA]

Спасибо, Антон!! 🚀 Летим!!

[@ctumyji9737]

Нереально крутая штука! Спасибо за урок - вылетаю дальше! :) React JS от Димыча - это пушка! (тесты, tdd)

[@uzhas76064]

Спасибо тебе за твой труд! Еще ни разу не видел на столько качественного бесплатного контента

[@user-tr8hr4xm1l]

Спасибо за урок! Тесты, jest, tdd, тестируем reducer

[@alik64]

Крутой урок и очень хорошее объяснение! Большое спасибо! С тем что мы сделали в уроке, добавил кнопку «удалить пост» на каждый пост, всё работает 👍🏼 довольный как слон, прогресс идёт 👊🏼🥷🏼⚛️ Реакт редакс, Jest, react

[@__maxsoul643]

Наконец то добрался до тестов и хотя бы примерно понял, что это такое и с чем едят) спасибо Димыч за урок.

[@denweb2408]

Спасибо за полезные интересные видосики!)

[@ivanmiarkulau8320]

тестирование своего кода - крайне полезна вещь и лучше привыкать к такому подходу с самого начала своего пути как разработчика) спасибо за знакомство с базовыми принципами тестирования в React при помощи Jest!)

[@dungster1650]

оп, тесты, как раз то что нужно :)

[@Aleks-lk1et]

Спасибо! 2022! Давно хотел узнать как делают / запускаю тесты, СПАСИБО!!! Отлично помогает в проверке редюсеров, когда делаешь копию state (пока быстро не получается написать код для правильной копии нового state ) Можно и в тестировщики податься.

[@user-di9dd7bb4l]

Тесты,jest, tdd, тестируем reducer - React JS Спасибо за видео.

[@smolhs1586]

спасибо. Коротко и понятно об основах JEST и тестов для JS. Осталось всего 12 видео, и уже вижу, что у Димыча новые уроки по реакту появляются -- уже хочется к ним переходить)

[@user-mf9uc3he8b]

Получил удовольствие от твоего видео

[@iharberasneu2905]

Спасибо за курс. Был уже знаком с jest, но все равно приятно смотреть.

[@user-pc9bl7uf1l]

огонь! Продолжаем!

[@ole_oli]

Спасибо за крутые уроки!!!

[@tatianakruglaya6760]

Тесты, jest, tdd, тестируем reducer - React JS - отличное объяснение, как всегда. Спасибо за труд и видос про тесты, jest, tdd, тестируем reducer - React JS и отдельно за курс React JS.

[@TRIZ-Bogatyregold]

Димыч, смотреть этот видос с высоты имеющихся знаний - это уже отдельный кайф. Спасибо за твой контент в цикле React кабзда как подробно, где я разобрался с юнит тестами и jest, а так же понял концепцию tdd! Спасибо тебе бро! Летим!!!!

[@serg1221]

Ого, так реально смотришь так тесты прикольная тема, спасибо) Jest, React.js, Redux

[@user-qq5vo5hn6x]

Летим дальше, Спасибо!!!

[@eugene-dmitrievich]

Спасибо большое за урок!!! Тесты классная штука) React, Jest, TDD

[@itweb7157]

Дмитрий, благодарю за видео! #Тесты, #jest, #tdd, #тестируемreducer - #React #JS #ReactJS

[@ervinabliamitov2149]

Спасибо, Димыч. Респект и уважение, как всегда!

[@wild_wizards]

Ух, Тесты - отличная тема! Едем дальше!

[@viktorshatalov1920]

самый лучший курс react.js

[@user-pv5is5pz4j]

Спасибо за урок! jest, tdd

[@tema_skakun]

спасибо, Димыч) отличный выпуск, который стоит смотреть вместе с разбором из тачилы. #tdd #test #reactJS #тестирование #практика #пример #уроки #курс

[@user-nk6ih7uh1h]

Тема TDD очень интересная, да и тесты сами по себе точно приносят пользу, но вот разобраться хотя бы в половине функционала jest - это тот еще вызов)) Дима, успехов тебе! Спасибо, за лучший курс по React! Не забываем про JavaScript, ребят

[@STRIPPEDSTAR]

Наконец тесты) Жить станет интересней))

[@nuralimarzybekov2380]

Благодарю за видос

[@interpol2138]

Всегда убегал от темы тестов, но благодаря Дмитрию открыл для себя новый, сложный, но не менее удобный способ Разработка через тестирование(TDD). Спасибо!

[@sergeyistominov5880]

Спасибо и наилучшего ранжирования на ютубе - TDD наше все)

[@user-gk2qi6ip1p]

1 урок - 80 000 просмотров 89 урок - 7 600 просмотров Я уже даже не знаю мне радоваться, что я дошёл досюда и не слился или грустить, то что так мало людей дошли)

[@user-zs7wl6wp5n]

Радоваться что так мало людей дошли... Конкуренции меньше... :) хи-хи-хи...

[@user-pw7ue3sn1r]

@@user-zs7wl6wp5n согласен

[@vlad-zf1ev]

год назад до 89 урока дошли 10% (округлим в большую сторону) в 2021 если сравнивать 1 урок и 89 то картина 430 000 и 26 000 что уже равно 6%... разница просмотров между первым 430 000 а второе видео уже 160 000... сравнивать процент дошедших корректнее со 2 видео (а лучшее среднее вывести по первым 10) получится 15-16% дошедших.

[@user-gk2qi6ip1p]

@@vlad-zf1ev а говорят конкуренция большая)

[@konstantinvoronin4687]

@@sviatoZavr Очень смелое утверждение. Почему вам так нравится обесценивать чужой труд?

[@user-ez7lk9kx6j]

Jest - отличная штука. Надо почитать еще про Enzyme. Спасибо Dimych!

[@user-tj3dr5se4n]

у тебя талант бро👌🏻 отлично обьясеняешь👍🏻

[@user-qv9nm2su7d]

Тесты часто выручают и экономят много времени. Спасибо за полезный урок, Димыч!

[@user-pi2bq6qw8k]

Unit test топчик ,tdd ,jest . Спасибо!

[@Vllad_Ko]

Thanks! Tests are amazing things

[@is_eliseeva]

спасибо за урок!

[@user-wd3tl2rx9p]

Дима, спасибо. Тесты, jest, tdd, тестируем reducer

[@ritaravinsky8262]

Круто, спасибо!! тесты круто!

[@user-il3vn7ye4n]

Спасибо, Димыч!)

[@tamararagimova4035]

Димыч крут, как всегда!! Спасибо огроомное!!

[@sheshko_pavel]

Спасибо за видос! Test in webStorm. React, redux, Jest.

[@marina-ej4qd9kc1wh]

ой как интересненько!! Про тесты, jest, tdd.

[@marsonleonardovich4036]

Тесты, jest, tdd, тестируем reducer - React JS! LIKE!

[@user-wj6ue7nt5g]

Спасибо!

[@user-jg7ly1ib2z]

Спасибо

[@miroslavtoikin]

Спасибо огромное, Димыч, react/redux jest тесты

[@aidosbatyrkulov3272]

I think no one can find a course better than this on this planet earth

[@yuryitikhonoff9631]

Dimych. You're awesome. Keep making content. Thanks.

[@zaitsev_stanislav]

Бро! Сорян что немного не по теме, смотрю твои видосы сейчас на 25 и это реально круто, спасибо тебе за все твои старания! Так же хотелось тебе напомнить что ты собирался летом :D сделать курс про нейронные сети , но что то руки не дошли! Надеюсь в скором будущем ты это реализуешь вот это крайне годная тема!

[@oconnor4417]

Димыч спасибо ты лучший !❤

[@amaxe12345]

Спасибо Димыч! Тесты, jest, tdd, тестируем reducer - React JS #tdd #test #reactJS

[@alira2924]

спасибо

[@sveta7201]

🤩Тесты, jest, tdd, тестируем reducer - React JS

[@Al4ii]

ой, как я кайфую!!!

[@atyoma]

Лучший!

[@vladimirww5152]

Вот они какие, тесты в js!

[@Kalebra013]

Димыч, респект тебе!

[@esken97]

Спасибо Димыч)

[@user-uj6fx6ks2l]

Чувство ностальгии от значка starcraft на рабочем столе. Видео еще не посмотрел, но лайк влеплю за очно только за это!😁

[@michaelcovalciuc2240]

круто!!!!!!!!!!!!Лайк!

[@user-in5qb3ml4l]

Летим !

[@belle-nastja]

Летииим в кооосмос, спасибо Димыч !

[@annabolbot1228]

Димыч, спасибо!

[@user-nb1zj4ou2r]

Тесты, jest, tdd, тестируем reducer - React JS Однозначно лайк за StarCraft

[@itsverkunov4517]

Тесты, jest, tdd, тестируем reducer. Спасибо, Димыч! Летим ;-)

[@maxkos6184]

А назывется то, что Димыч хочет донести (когда говорил о правилах написания теста) - правило трех ААА (Arrange, Act, and Assert) , то есть подготовка теста (переменных, мокинг, шмокинг))), действие (функцию вызываем и т.д. и т.п.) и ассерт - это как бы сравнение с ожидаемым результатом.

[@zubziro5566]

Best course #reactjs #javascript.

[@uzver3787]

тесты это круто) но с тайпом ещё круче) tdd, react, reducer tests, unit testing

[@dimitriitkach7697]

spasibo za urok - 89 - Тесты, jest, tdd, тестируем reducer - React JS

[@RainbowJet1]

Классная штука тесты, надо чаще их писать, Jest крут, как и Димыч

[@user-ub8yh7ml5m]

Просто обязан стать реакт разработчиком,как минимум за тот труд, что Димыч проделывает ради нас !!!

[@user-gt5ux9cx6p]

стал?

[@MJstart]

Спасибо Димыч

[@resenpaii]

Круто)

[@user-sj6tb7od6s]

спс

[@user-pl9bm6pv8z]

Тесты, jest, tdd, тестируем reducer - React JS Спасибо!

[@user-rg8wz2rt9e]

странная ошибка Cannot find module '@testing-library/jest-dom/extend-expect' from 'setupTests.js' У кого такая же беда то npm add -D @testing-library/jest-dom или yarn add -D @testing-library/jest-dom И всё работает. Димычу как всегда спасибо!

[@kuksenko_karting]

Тесты, jest, tdd, тестируем reducer - React JS !!

[@gingashie]

наконец-то поняла что такое тесты и как они пишутся

[@coldwarrior9992]

Увидел иконку старкрафта, лайк не глядя)

[@marlonbrando458]

Комментарий и лайк!

[@xtereone]

Димыч Красава!)

[@user-bd4lw9hx3s]

Это что, BLL можно писать еще до UI и проверять, как оно работает? Очень хороший курс по React - Redux! Дмитрий лучший! IT-KAMАSUTRA удивительный канал!

[@semial]

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

[@maksimplysheuski2854]

TDD let's go!

[@wildbrotv2809]

Димыч играет в StarCraft!!!! Сразу лайк дяжа не смотря урок =)

[@hennadiipetrov1967]

Димыч, можешь заснять видос, как собрать проект и закинуть его на git hub и git hub pages,что бы уже можно было, так сказать, иметь козырь в портфолио... Большое тебе спасибо, ты ЧЕЛОВЕЧИЩЕ)!

[@ITKAMASUTRA]

Скоро будет!

[@user-db9ro6xd7g]

Димыч спасибо за все!!! ты очень круто объясняешь, топи дальше, скажи а ты можешь песню полностью спеть? ну или записать ее и скинуть ее мне?))