67 - React JS - урок redux-thunk 2 в деталях (практика)

it-incubator.io/education/? - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon www.patreon.com/itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
API: social-network.samuraijs.com/
Библиотека redux-thunk:
github.com/reduxjs/redux-thunk
Ну что, закрепляем на практике thunk-и и летим дальше?
Обязательно перед просмотром посмотреть:
thunk теория: kzbin.info/www/bejne/m4jHn52ch9psf9E
thunk практика часть 1: kzbin.info/www/bejne/mqWuiWaArsqJqtU
Летим, самураи ;)
Уроки по React JS: kzbin.info/aero/PLcvhF2Wqh7DNVy1OCUpG3i5lyxyBWhGZ8
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
it.kamasutra.dimych
#thunk #redux #reactjs #практика #примеры #уроки #курс

[@АнжолсУгамин]

Сел на унитаз, Давлю глаза в ноутбук. Крепнет знание. _Хайку из цикла "Будни JS самурая"._ 21:47 (redux-thunk)

[@Vale91kk]

Обучение такое хорошее, что думаю много людей уже с готовым решением смотрят этот видос и чисто проверяют)

[@ИльяМаненков-з9е]

+

[@arthurcode4225]

+)

[@arthurcode4225]

Даже нечего проверять, все работает, и так сойдет! XDXD

[@arsenvaskanian8910]

точно так. Димыч крутой. У меня все работает

[@alexandrkornienko6595]

+ чисто под кофеек глянул, сделав все, после предыдущего видео)

[@erkink771]

11:09 "Никогда нет магии. Всегда ты дурак" (с) Димыч

[@anonuser1366]

ты так обясняешь что не понять не вариант)))

[@KingOfK1ngs]

Для меня нет невозможного 🙃

[@veronikas.1347]

@@KingOfK1ngs ахахаха я с тобой

[@СветаЕфимова-й1н]

спасибо за добрые слова и поддержку, когда что-то не получается, и готова все бросить, и Димыч говорит, не делай перерывов, занимайся, у тебя все получится, даже если ты тупой!!! :DDD

[@MikhailKuklenkov]

Однозначный лайк, Дима! P.s.: - как только у нас появляются АПИшки, то сразу же выносим их в отдельный модуль для запросов на сервер. Сингл респонсибилити - наше все) - ЮАй работает только с БЛЛ (допускается работа ЮАй с УРЛом) - редьюсеры это чистые функции и в них нет побочных эффектов! Летим дальше)

[@ИльяАксаков]

Про откаты назад. Прошел 45+ уроков. По некоторым обстоятельствам забил на 2 месяца. Потом открыл проект и понял, что ничего не понял. Не растерялся, не забил, а создал новый, и за несколько дней наверстал старый, и сделал это лучше, чем в первый раз) И видосы ВСЕ стали намного понятнее. P.S. Лайфхак новичкам: Параллельно делайте другой проект(в моем случае это было тестовое задание на стажировку). Где надо думать своей башкой, и где не подсмотришь у Димыча), тоже очень сильно развивает! Всем удачи!

[@IgorIckra]

Первые видосы до 50-го - это чисто развлекалово как убить свои нервы и мозг, ибо ты приходишь маслёнком маслёночком , а ближе к 70-ым ты уже гений понявший всё, но при этом можешь дебажжить целый день, потому что ты забыл поставить скобки у функии. Спасибо Димыч за видосы , спасибо за развивающие развлекалово с нервами и мозгом.

[@theempire392]

чел, не в бровь а в глаз!

[@___________S_t_a_s___________]

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

[@___________S_t_a_s___________]

@@buyshark3838 этот мир это практика 95% и немного поболтать о том а как собственно.) Да программирование думаю в будущем будет занятием для девчонок, ну а мужики как обычно найдут где нибудь кучу грязи и будут делить)

[@Max-vc9fb]

Тот случай когда все сделал на прошлом занятии и сидишь кайфуешь попивая кофеёк

[@visokogroup7922]

Дмитрий, благодарю за redux-thunk, спасибо, что всю энергетику нам отдаешь! Побольше тебе сил!)

[@МаксимНемзоров]

Класс, понял thunk. На самом деле думал, что будет сложнее. Но с такой качественной подачей понимается все на раз, два...

[@LoonyPatient]

Блин блинский, Димыч :DD твое настроение передается через компупер :D Когда ты нервничаешь, я тоже нервничаю, когда ты допускаешь ошибку, я тоже допускаю ошибку :D И самый прикол, я успеваю вперед допустить ошибку, а потом хоп, у тебя что-то не выходит :D

[@ВикторТурсункулов]

10 раз в жизни? Я без ноутбука в туалет не хожу. Концентрация в туалете возрастает в разы, и материл лучше усваивается. А все лишнее из вас выходит. Thunk - это классно. В этом видео я узнал про redux-thunk. Спасибо

[@SAD1NG]

достигнут уровень самурая, кланяюсь Димычу в ответ и говорю намасте учитель в конце))

[@quterma]

Отлично. Уверен, что подзабуду, но хороший способ - сделать какой-нибудь проект с нуля самостоятельно. Раза три. Руки уже чешутся - придумываю идею. А пока - бомбим дальше! { redux-thunk-react-js-axios-props-dispatch-fetch-promise-api-reducers }

[@АнтонСоколов-щ4ю]

За совет "повторять то, что прошли" респект, посмотрел урок, запутался, откатился - повторил, всё залетело на ура. redux-thunk айда сюда на изи.

[@bestwomengirls8742]

Смотрю из 2020. Полет нормальный! Thunk- РУЛЯТ!!!) 2 урок про redux-thunk и все стало понятно как работает, на перовом уроке тупил для чего redux-thunk.

[@АннаЛелеко-ы3ю]

Яке приємне відчуття під час перегляду, коли розумієш, що ти це щойно сама все зробила і все працює!!! Ще на один крок вперед, ще розумніше ніж вчора! redux-thunk - чудова штука, що зменшує код в компоненті в рази.

[@Noname-dt4lv]

на этом видео наконец-то дошла инфа про thunk

[@gennadiikhotovytskyi1579]

Благодарю, отличные уроки. Отдельное спасибо за подробное объяснение абстракций, UI, BLL и DAL стали супер понятными!

[@yuryhouse4226]

Aaaa... Я в панике. Писал, что взяли на стажировку. Нужно срочно проходить уроки Димыча, потому что мой таск: форма логина, валидация и регистация на ТypeScript. АPI будет другая и редакс скорее всего не разрешат, стейт будет локальным. Лечу, бегу, плыву и все вместе... Димычу респект!

[@mrmicolka]

Д/з сделано. Теперь посмотрим или правильно)

[@__online7250]

Лучший курс, особенно для новичков #thunk​ #redux​ #reactjs​ #практика​ #примеры​ #уроки​ #курс

[@fgood574]

Круто! чтобы понять thunk пересматривал теорию 3 раза, а потом как понял что после чего выполняется сразу понял и thunk. Рефакторинг смог сам сделать, правда иногда затрудняюсь с нормальным названием функции #React #Redux #ReactSamuraiJS #JavaScript #JS

[@ВладиславБирюков-ш5э]

я брал название из api методов запросов, например profileApi.getProfile, а thunk: setProfile

[@AnotherNiceNickName]

Про откаты вообще правильно сказал. Блин да ты самураище, Димыч!:) React JS redux thunk практика программирование видео в топ ютубовский!

[@theWorldIsMultivariate]

Сидишь поздно ночью, пытыешьсь сделать, не получается, а потом просыпаешься утром и всё начинает получаться. Наш мозг очень интересно работает =) И супер, когда получается сделать домашку и всё понятно =) Thunk, практика.

[@dimitriitkach7697]

spasibo za urok - React JS - урок redux-thunk 2 в деталях (практика)

[@smolhs1586]

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

[@АртемКулинский-ю4о]

Дмитрий настоящий самурай! Очень хороший курс по React - Redux. Много чего непонятно по внутренней логике санок, т.к. раньше сами писали библиотеки, а теперь просто взяли готовую. Но, думаю, все это смогу наверстать. Особенно с такой моральной поддержкой от Дмитрия! Он как заботливый отец с нами! Лучший мой учитель! Вперед, самураи!

[@MrVertu01]

Хорошо, что я сделал домашку, сижу всё видео ничего не делаю, только смотрю xD #react #redux #thunk

[@oleksandr_h]

react, redux, redux-thunk, connect, dispatch, Димычу риспект !

[@iceaye5730]

Спасибо за отличное объяснение redux thunks! Практика потом делается спокойно и, главное, осмысленно. Проверено 👍

[@КамильКаландаров-и5к]

thunk санки рулят, спасибо за такое доходчивое объяснение React-Redux Thunk

[@hennadiipetrov1967]

За повторение ваще четкий совет, спасибо, Димыч)

[@vladv.198]

Интересно. redux-thunk работает.) Спасибо.

[@ТатьянаЛ-л9э]

475 614 просмотров урока №1 по состоянию на октябрь 2021, 25 500 просмотров урока №67, только 5% пока дошли, желаю всем успеха, а Димычу большое спасибо!!!

[@АрсенОсипов-ж6щ]

API, JS, TS,ajax State, Store, Dispatch ,Connect, Action, Route Provider, Reducer, mapStateToProps mapDispatchToProps, {...state}, Props React Redux ,withRouter redux-thunk Практика, cookie,login follow-unfollow api redux-thunk JavaScript курс React DAL, axios.create Веб разработка разметка best of the best!!! Спасибо за урок :)

[@ВладимирПодвескин]

Дима, спасибо за уроки, redux-thunk стали ближе)

[@marina-ej4qd9kc1wh]

Спасибо! Про откаты и потом депрессия - это да. Правда жизни. redux-thunk

[@crypto4elik]

на 66 я долго был, 3 дня, но сегодня взял себя в руки, все доделал что димыч сказал и теперь весь 67 урок я просто спокойно наблюдаю за тем, как он делает то, что у меня уже готово) кайф

[@vladovcharov517]

самое страшное я даже переменные назвал так же как Димыч, когда делал сам, после предыдущего урока))

[@itweb7157]

вижу, что не я один сделав всё после предыдущего видео, на этом только кивал и улыбался =)

[@kseniasamspace949]

Сага - это боль для новичка. Санка - это прекрасно, легко и понятно)))

[@Snegurjan]

Налил борща, кинул туда яичницу и смотрю в свой код 😂😂😂Димыч спасибо за отличное настроение и уроки! 🤘

[@ercog7921]

А я смотрю не многие самураи добрались до 67 видео :)

[@RUS4HELP]

Они пали в неравном бою...

[@vlad-zf1ev]

в два раза отличаются количество просмотров 66 и 67 видео.

[@Sergey30838]

устроились просто сеньорами )

[@vlad-zf1ev]

@@Sergey30838 на стройку

[@tootlno3774]

@@vlad-zf1ev хаха)

[@ole_oli]

Видосы очень круты. Спасибо Димычь!

[@ihorprokopenko4837]

Best React&Redux lessons!

[@ЛусінеАтаджанян]

Вот эта тема про thunk, thunk creator - даже не представляю где еще об этом можно так узнать если бы не Димыч. Ну просто красавец. А какой лучший и бесплатный курс по реакту получился. Идеально подойдет для изучения React и JavaScript

[@vl8224]

Неожиданный конец видео )

[@alejandrodsj]

Классно. Всё понятно Санки сделал самостоятельно до просмотра видео а DAL все уже были сделаны в дз. Благодарю.

[@Romul3003]

Отрефакторил все сам, а этот урок смотрел чисто для сравнения со своими кодом и еще раз повторения материала.Димыч - повелитель реакта с редаксом!) Да прибудет с тобой Сила)

[@developers_gaming]

67 урок, компонент больше не тупой, теперь он простенький)))) Сил тебе на следующие 100 видосов, стараюсь догнать)

[@fargutvest]

Круто! Спасибо! отделили DAL и UI друг от друга с помощью санок, UI - BLL - DAL - сервер

[@ВикторКысса-я8х]

Лучшее объяснение о том что такое redux-thunk! Лучшие уроки по React и Redux!

[@КотМатроскин-х9ь]

Димыч, я хотел тебя поблагодарить от всего сердца, что сделал эти уроки, пускай я может и не стану прогером, но а вдруг. Зато я учусь по ним и это дает мне веру и надежду, что я стану полезным самому мне, обществу и миру. И возможно стану разработчиком

[@anna_archive]

Здравствуйте! Спрашиваю у Вас, потому что Вы оставили комментарий недавно, а значит проходите этот курс. Помогите, пожалуйста, у меня пропала страница profile... Подозреваю, что проблема в файле App.js, конкретно в пути до Profile У Вас такой же путь или я ошиблась где-то? Посмотрите у себя в проекте, пожалуйста:)

[@mashadraguta]

@@anna_archive такая же проблема, нашли решение? я думаю это связано с переделаной на новый лад функцией withRouter

[@mashadraguta]

попробуйте убрать строку : .then(response => response.data) в DataAccessLayer file (в запросе для получение пользователей ) надеюсь помогло ☀

[@anna_archive]

@@mashadraguta Здравствуйте Маша, что-то я не поняла, что за файл DataAccessLayer у Вас... У меня запрос пользователей происходит в файле api.js, и в нём действительно есть ответ .then(response => response.data): export const usersAPI = { getUsers(currentPage = 1, pageSize = 10) { return instance.get(`users?page=${currentPage}&count=${pageSize}`) .then(response => { return response.data; Но, если я убираю then пользователи перестают грузиться (белый экран) и страница профиля так и не появилась:(

[@asa281290]

@@anna_archive у вас получилось справиться ? тоже встрял на этом моменте

[@alik64]

Полёт нормальный ! летим дальше! #react #redux #thunk #реакт #санки #редакс

[@denysm5599]

Хороший урок по Redux Thunk. Я постоянно забывал передавать callback созданной thunk в connect. 1 час потратил, чтобы самому найти ошибку. Посмотрел это видео, и предыдущее - и понял, что невнимательный и долго туплю... Однако благодаря Димычу решение было найдено. Но больше всего мне понравилсь слова автора видео о базовом повторе ( 10 минут с утра и 10 минут - вечером) - просматривать код. Имею собственный опыт, когда терял знания банально из-за того, что не повторял материал. Нужно исправляться))

[@uzver3787]

Надебажился от души...уф...тему понял Спасибо! Было интересно проверить свои ошибки в API. Thunk это не сильно сложно,но нужно поразбираться, пописать самостоятельно, подебажить и посмотреть что приходит в response(а туда часто приходит не то,что ожидаешь). Скоро будет 70 уроков!!! Афигеть!

[@lukyanenkomikhail7459]

немного потупил, но смог все перевести на thunk :) Вселяет надежду ))) React redux, бомблю дальше

[@Aleks-lk1et]

Спасибо 2022! Поправил имена в домашке. Санки (thunk) работают. Иду дальше!

[@vladimirww5152]

Круто! Сам вчера всё зарефакторил, а сегодня смотрю видос и заглядываюсь, какой код грамотный сам написал😃

[@mariapaderina5992]

Димыч самый крутой айтишник! Благодарю за курс , поддержала проект .

[@kirill_nezhnyy]

Димыч, спасибо за очередной информативный урок! Бомбим дальше!!!

[@ruslanla4654]

React Redux ты... знать будешь крутто!!!! It -It-Ka...Kamasutra

[@supitacantora413]

благодарю за redux-thunk, спасибо

[@Alex4ever01]

спасибо за твой труд и за мотивацию! уже начинал думать что я тупой и никогда не пойму этот React JS, но ты как всегда ободрил, особенно тем что thunk или redux-thunk, последняя сложная тема.

[@ГалинаКузнецова-н1и]

о какие же крутые уроки!!! Дима всё супер

[@damidee7818]

Тема сложная, но Димыч оч доходчиво все объяснил, поэтому даже сходу все ясно стало

[@the_secret3130]

Просто нереальная отдача от преподавателя , просто супер !!!!!

[@КоровайченкоАлександр]

Просматривая курс по второму кругу подмечаю детали, которых не замечал раньше - Классные обои!)))

[@ДаниилКедров]

11:10 "Ты дурак, вот реально! Ты программистом чувствуешь себя всегда дураком..." - жиза то какая)))

[@u_shaco]

закопался в коде(менял часто на свой взгляд для лучшего понимания), не смог откопаться, несколько дней не мог исправить, в итоге с гита клонировал коммит Димыча и бомблю дальше. Не стоит во время обучения долго останавливаться на чём-то, иначе мотивация пропадёт

[@Mykhailo_Vdovychenko]

Крутые уроки. Единственные в своем роде такие качественные по react-redux. Спасибо за такой крутой контент!

[@sitenno7331]

redux thunk ありがとうございました

[@АндрейГурлев-т8в]

Спасибо за грамотный урок, так держать

[@ДимаИванов-и4ь]

Уроки бомба, кайфую когда все получается

[@СергейДудкин-ъ1я]

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

[@GoldenPrinceYT]

Спасибо! Про аткаты назад очень ценный совет!

[@НиколайКалинин-о4з]

После каждого видео иду читать комменты и ищу тех кто трудоустроился чтобы вдохновиться на максимум. Я один такой?

[@enslit]

Это Redux-Thunk детка. Бомбим дальше. React и только React!

[@semial]

Спасибо за урок! Убедился, что я все правильно сделал. Благодаря тебе, закрепил thunk еще больше. React Redux крутая штука!!!

[@inquisitor5912]

посмотрел несколько раз предыдущие видосы и только после этого пришло хотя бы поверхностное понимание происходящего) Спасибо Димыч!)

[@is_eliseeva]

Дмитрий, спасибо за урок!

[@АлександрКлименко-д8с]

Отличное закрепление данных по react redux thunk

[@derrylsshowhh3249]

Просто кайф,с санками намного проще.Очень зашла такая темка)

[@daniilbondar1316]

как сам гитарист, за гитару в кадре лайк неглядя)

[@sergsergey4251]

Отличный курс по React JS. Повторил/закрепил redux-thunk на практике. Спасибо, бомбим дальше ©

[@aleksandr643]

Совет в конце видео прям на миллион. Это, действительно, работает. За две недели уже до 67-го урока добрался. В голове постоянно кручу код, что помогает быть в этом процессе, быть полностью вовлечённым и помнить пройденный материал. Димыч, красавчик, keep going!!!

[@khorenmnatsakanyan1995]

Уроки супер, искренность сенсейа передается через монитор

[@yourbadapple]

Спасибо за видео!

[@dariavozdrahanova6662]

React JS - пользовательская хотелка важнее всего! =)

[@alexanderzelixan7096]

Оооо! С этого видео звук хороший пошел, без лишних шумов, здорово! Или мне так кажется?

[@КоровайченкоАлександр]

Забыл поставить лайк....Вернулся и поставил !)

[@dimaruy2975]

Cпасибо за redux-thunk!

[@user-tf1rn7qq2p]

Большое реактивное спасибо, Димыч! react-thunk, UI, BLL, DAL

[@miguelgrushetckii4839]

Спасибо Димыч! реально все понятно) только вернулся с повторения) точнее создал новый проект и организовал с 0 стр юзеры, получение, following, пагинацию и конечно thunk, все получилось, довольно быстро) летим дальше !!!!

[@Quentinrei]

React, Redux, API, JS, TS, best of the best, DAL, axios.create, promise, react, redux. Димыч, респект

[@MrZorg23]

Спасибо! Отлично объясняешь! Теперь я знаю redux thunk !

[@wild_wizards]

Лайк! Отличный материал, едем дальше!