89 - Тесты, jest, tdd, тестируем reducer - React JS
ฝัง
- เผยแพร่เมื่อ 29 ส.ค. 2019
- 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 #тестирование #практика #пример #уроки #курс
![ลักพาตัว เอาลูกเอิร์นกลับมา...!! [เอิร์นไดเม่]](http://i.ytimg.com/vi/f4NVKlZ5qkk/mqdefault.jpg)
Димыч, спасибо за твои видео и огромную работу! Я хочу предложить челендж, если хочешь расскажи про него в следующем видео, если нет, то может ребята поддержут и так. Смысл такой: в день выхода 100 видео предлагаю всем неравнодушным задонатить кто сколько сможет, и у тебя стимул и разом если все отправят, то может сумма приличная наберётся. Присоединяйтесь, я +. Ещё раз спасибо!
Спасибо, мужик, за неравнодушие и помощь! 🙏🙌🏻
Tima Lutsenko, +
Согласен! Чтобы стимул появился закончить курс!
Я из 2021-го года, 100-й урок позади, но я считаю, что каждый может прямо сейчас взять и закинуть Диме копеечку, которая завалялась на карте. Такие силы вложены в этот проект, это нужно поощрять. Дима, ты крут!
@@user-nk6ih7uh1h ютуб подписку на Димыча можно оформить всего 3 дол в месяц!
Для тех, у кого возникает ошибка SyntaxError: Cannot use import statement outside a module" из-за импорта axios, мне помогло добавить в файл package.json свойство:
"jest": {
"transformIgnorePatterns": [
"node_modules/(?!(react-leaflet|@react-leaflet|d3-*|axios))"
]
}
Проблема в том, что разработчики axios че то изменили и теперь у всех кто использовал тесты с jest выдает такую ошибку. Решений в интернете много, но мне не помогло буквально ни одно, кроме этого
Спасибо! Мне тоже помогло!
Спасибо! Помогло.
Тоже сработало, спасибо)
А у вас сразу заработало? У меня после добавления свойства ошибка с 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.
Много всего нагуглил и пробовал, но ничего не помогло( Не было такого ни у кого?
@@bbrtdd у меня все сразу заработало. Я особо то и не понял почему не работало до этого, а также почему заработало
Я думал я один для себя произношу ленгтх:) Тема важная, и почему-то обделенная вниманием на тубе
ты не один)))
Главное в слове "строкУ" ударение правильно ставить
для VSCode нашел плагин "Jest", добавляет слева на панель вкладку в которую выводит все тесты со значками статуса, зелеными и красными, запускает все тесты автоматом. Видно в каком ошибка есть возможность запустить тест отдельно
Блин, jest хорошая вещь, я щас час не мог разораться как сделать тест в vsc, а с jest все сразу получилось
Лучший курс по ReactJS :) Димыч,как всегда,объяснение на высоте!!Летим дальше!
Нереально крутая штука! Спасибо за урок - вылетаю дальше! :)
React JS от Димыча - это пушка! (тесты, tdd)
Наконец то добрался до тестов и хотя бы примерно понял, что это такое и с чем едят) спасибо Димыч за урок.
16,08,2021 Спасибо! Тесты пока непонятны, но все придет с опытом и практикой! Всем удачи! Продолжайте обучение!
Самый мой любимый препод по IT , все что не поняла когда другие объясняли, смотрю на IT kamasutra и сразу все понятно! Спасибо
Этот курс реально останется в истории! Спасибо за супер-урок. Тесты, jest, tdd, тестируем reducer - React JS
Спасибо тебе за твой труд! Еще ни разу не видел на столько качественного бесплатного контента
тестирование своего кода - крайне полезна вещь и лучше привыкать к такому подходу с самого начала своего пути как разработчика) спасибо за знакомство с базовыми принципами тестирования в React при помощи Jest!)
Спасибо огромное за твой труд! Смотрю дальше!
спасибо. Коротко и понятно об основах JEST и тестов для JS. Осталось всего 12 видео, и уже вижу, что у Димыча новые уроки по реакту появляются -- уже хочется к ним переходить)
Дима, продолжай в том же духе 👍 Очень крутые уроки и аудитория растет. Твой курс - самый полезный, что я встречал на ютубе. Так держать 👏 Надеюсь, что все твои задумки осуществятся 😃
Спасибо, Антон!! 🚀 Летим!!
Крутой урок и очень хорошее объяснение! Большое спасибо! С тем что мы сделали в уроке, добавил кнопку «удалить пост» на каждый пост, всё работает 👍🏼 довольный как слон, прогресс идёт 👊🏼🥷🏼⚛️ Реакт редакс, Jest, react
Спасибо за урок! Тесты, jest, tdd, тестируем reducer
Спасибо за курс. Был уже знаком с jest, но все равно приятно смотреть.
Тесты, jest, tdd, тестируем reducer - React JS - отличное объяснение, как всегда. Спасибо за труд и видос про тесты, jest, tdd, тестируем reducer - React JS и отдельно за курс React JS.
Димыч, смотреть этот видос с высоты имеющихся знаний - это уже отдельный кайф. Спасибо за твой контент в цикле React кабзда как подробно, где я разобрался с юнит тестами и jest, а так же понял концепцию tdd! Спасибо тебе бро! Летим!!!!
спасибо, Димыч)
отличный выпуск, который стоит смотреть вместе с разбором из тачилы.
#tdd #test #reactJS #тестирование #практика #пример #уроки #курс
Тесты,jest, tdd, тестируем reducer - React JS
Спасибо за видео.
Спасибо большое за урок!!! Тесты классная штука) React, Jest, TDD
оп, тесты, как раз то что нужно :)
Дмитрий, благодарю за видео!
#Тесты, #jest, #tdd, #тестируемreducer - #React #JS #ReactJS
Ого, так реально смотришь так тесты прикольная тема, спасибо) Jest, React.js, Redux
Тема TDD очень интересная, да и тесты сами по себе точно приносят пользу, но вот разобраться хотя бы в половине функционала jest - это тот еще вызов)) Дима, успехов тебе! Спасибо, за лучший курс по React! Не забываем про JavaScript, ребят
Спасибо за полезные интересные видосики!)
Привет, Дима. Шикарный выпуск. Очень понравилась простота изложения информации)
#tdd #test #reactJS #тестирование #практика #пример #уроки #курс
Всегда убегал от темы тестов, но благодаря Дмитрию открыл для себя новый, сложный, но не менее удобный способ Разработка через тестирование(TDD). Спасибо!
Тесты часто выручают и экономят много времени. Спасибо за полезный урок, Димыч!
I think no one can find a course better than this on this planet earth
Спасибо! 2022! Давно хотел узнать как делают / запускаю тесты, СПАСИБО!!! Отлично помогает в проверке редюсеров, когда делаешь копию state (пока быстро не получается написать код для правильной копии нового state ) Можно и в тестировщики податься.
Получил удовольствие от твоего видео
Ух, Тесты - отличная тема! Едем дальше!
Спасибо и наилучшего ранжирования на ютубе - TDD наше все)
самый лучший курс react.js
у тебя талант бро👌🏻 отлично обьясеняешь👍🏻
Дима, спасибо. Тесты, jest, tdd, тестируем reducer
Jest - отличная штука. Надо почитать еще про Enzyme. Спасибо Dimych!
Наконец тесты) Жить станет интересней))
Спасибо, Димыч. Респект и уважение, как всегда!
ой как интересненько!! Про тесты, jest, tdd.
Спасибо за крутые уроки!!!
Бро! Сорян что немного не по теме, смотрю твои видосы сейчас на 25 и это реально круто, спасибо тебе за все твои старания! Так же хотелось тебе напомнить что ты собирался летом :D сделать курс про нейронные сети , но что то руки не дошли! Надеюсь в скором будущем ты это реализуешь вот это крайне годная тема!
Dimych. You're awesome. Keep making content. Thanks.
Thanks! Tests are amazing things
Спасибо за видос! Test in webStorm. React, redux, Jest.
огонь! Продолжаем!
Тесты, jest, tdd, тестируем reducer - React JS! LIKE!
Летим дальше, Спасибо!!!
Спасибо за урок! jest, tdd
Спасибо огромное, Димыч, react/redux jest тесты
Unit test топчик ,tdd ,jest . Спасибо!
Чувство ностальгии от значка starcraft на рабочем столе. Видео еще не посмотрел, но лайк влеплю за очно только за это!😁
1 урок - 80 000 просмотров
89 урок - 7 600 просмотров
Я уже даже не знаю мне радоваться, что я дошёл досюда и не слился или грустить, то что так мало людей дошли)
Радоваться что так мало людей дошли... Конкуренции меньше... :) хи-хи-хи...
@@user-zs7wl6wp5n согласен
год назад до 89 урока дошли 10% (округлим в большую сторону)
в 2021 если сравнивать 1 урок и 89 то картина
430 000 и 26 000 что уже равно 6%...
разница просмотров между первым 430 000 а второе видео уже 160 000... сравнивать процент дошедших корректнее со 2 видео (а лучшее среднее вывести по первым 10) получится 15-16% дошедших.
@@vlad-zf1ev а говорят конкуренция большая)
@@sviatoZavr Очень смелое утверждение. Почему вам так нравится обесценивать чужой труд?
Димыч крут, как всегда!! Спасибо огроомное!!
Спасибо Димыч! Тесты, jest, tdd, тестируем reducer - React JS #tdd #test #reactJS
Просто обязан стать реакт разработчиком,как минимум за тот труд, что Димыч проделывает ради нас !!!
стал?
Тесты, jest, tdd, тестируем reducer. Спасибо, Димыч! Летим ;-)
Круто, спасибо!!
тесты круто!
тесты это круто) но с тайпом ещё круче)
tdd, react, reducer tests, unit testing
spasibo za urok - 89 - Тесты, jest, tdd, тестируем reducer - React JS
Благодарю за видос
Тесты, jest, tdd, тестируем reducer - React JS
Однозначно лайк за StarCraft
спасибо за урок!
Увидел иконку старкрафта, лайк не глядя)
Летииим в кооосмос, спасибо Димыч !
Спасибо, Димыч!)
Вот они какие, тесты в js!
Димыч спасибо ты лучший !❤
наконец-то поняла что такое тесты и как они пишутся
Димыч Красава!)
Классная штука тесты, надо чаще их писать, Jest крут, как и Димыч
Это что, BLL можно писать еще до UI и проверять, как оно работает? Очень хороший курс по React - Redux! Дмитрий лучший! IT-KAMАSUTRA удивительный канал!
я успею до конца лета, я успею до конца лета)) не успел. пс уроки крутые ,спасибо!
Летим !
Димыч спасибо за все!!! ты очень круто объясняешь, топи дальше, скажи а ты можешь песню полностью спеть? ну или записать ее и скинуть ее мне?))
Тесты, jest, tdd, тестируем reducer - React JS.
Спасибо! Бомбим дальше ©
Как я не люблю тесты 😬 смотрю по 2 кругу видео по тестам
Тесты, jest, tdd, тестируем reducer - React JS !!
ой, как я кайфую!!!
Best course #reactjs #javascript.
Сначала кажется, что тесты это какая-то примитивная хрень, но потом все становится на свои места, когда начинаю понимать, что в дальнейшем можно будет отслеживать поведение созданных фишек
Спасибо за видос!
Тесты, jest, tdd, тестируем reducer - React JS
Спасибо!
Спасибо!
А назывется то, что Димыч хочет донести (когда говорил о правилах написания теста) - правило трех ААА (Arrange, Act, and Assert) , то есть подготовка теста (переменных, мокинг, шмокинг))), действие (функцию вызываем и т.д. и т.п.) и ассерт - это как бы сравнение с ожидаемым результатом.
Димыч, респект тебе!
спасибо за видео по тестам, многие на них забивают (не тесты, всмысле :) )
Урок 89. Пишу свой белорусский социально-экологический проект. Комент как благодарность (:
моя блатная лайка 333
кстати если тест не проходит и что бы он не злил можно его закометить)))
И еще на мой взгляд все же надежнее для каждого теста создовать данные отдельно
тесты запускаются параллейно и они могут мешать друг другу
Димыч подбадривает в конце видео, знает где боль)))
React JS - Тесты, jest, tdd, тестируем reducer
Лучшие уроки по React & Redux !!!
The BEST!!! lessons of React & Redux!!!
Programming and Coding!!!
Just about information technology =)
Нууууу, скажем так, не все получилось, но теперь есть какое-то милипусечное представление о тестах. И снова спасибо, Димыч за новые знания и за Патронуса, конечно)))
Что не получилось, если не секрет?
@@dmitrylebedev2691 у App падал тест и решение я не сильно стремилась искать сама, а просто пошла дальше)))
@@user-ml5vp6rp9n а у меня наоборот апп норм. незнаю как писать для юзера. чтобы что то поменять в state нужна асинхронка. я не могу сообразить как написать
Спасибо Димыч)
Спасибо
Теперь я лучше знаю Unit test, спасибо!
бро, у тебя не было ошибки с axios когда тест выполняли?
@@xleb__b Не было ошибки. Делал только то что в видео. Тесты нормально запускаются. Пользуюсь веб шторм.
@@xleb__b у меня ошибка, хз почему
@@theWorldIsMultivariate попробую тогда тоже со шторма
#React JS TDD tests ありがとうございました。
Реакт редакс знать буду крутоо, еще не поздноо я еще не стариик )
круто!!!!!!!!!!!!Лайк!