65 - React JS - урок redux-thunk в деталях (теория)
HTML-код
- Опубликовано: 18 окт 2024
- 🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.i...
Back-end
it-incubator.i...
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_s...
API: social-network...
Ребят, без thunk далеко не уедешь! Что такое thunk?
thunk - это функция, которая как правило делает асинхронную операцию (чаще всего, это ajax-запрос) и несколько диспатчей обычных экшенов!
Помимо ajax-запросов, внутри санки можно запустить другую асинхронщину, например setTimeout, setInterval либо сделать асинзронный запрос к indexedDB...
thunk - это функция бизнес логики (BLL уровень).
thunk - это функция, которую можно задиспатчить. Для этого ВАЖНО, чтобы стор понимал, что делать с санкой-функцией, которую задиспатчили. Для этого мы к стору применяем (applyMidleware) thunk-middleware - промежуточный слой, который будет перехватывать dispatch логику и запсукать санку.
Пример thunk и много практики нас ждёт в следующих выпусках, а пока немного теории!
Летим, самураи ;)
Уроки по React JS: • Курс "React JS - путь ...
Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
Мы в соц. сетях:
itkamas...
/ itkamasutra
telegram.me/it...
Мои личные VK и Insta:
d.kuzyu...
/ it.kamasutra.dimych
#thunk #redux #reactjs #практика #примеры #уроки #курс
6:45
BLL: Слышь, UI, ты вообще НИКТО!
UI: ;-(
DAL: Гы.
server: hmm...
радостное чувство злорадства, когда выскочку UI поставили на место, и теперь он лишь жалобно просит данные :)))
Спасибо, отличное объяснение!!!
в этой серии сериала мы узнаем кто батя
и кто такая самка)))
@@ВсадникАпокалипсиса-я9е pxaxaxaxaxaxaxaxaxaxa
Лучшее объяснение как работает redux-thunk ! Я согласен с тем что лучше пересматривать несколько раз видео от Димычас и с тем что нужно возвращаться иногда и пересматривать то что мы изучали ранее, так как картинка с каждым новым видео от Димыча становится всё яснее и яснее, а если ещё и вернуться к тем видео которые сначала были непонятными то всё становится на свои места )
Димыч красавчик. Пока дошел до 65 урока сложно с нуля топлю в перед )
согласен)
Блин, в начале смотрел твой курс, думал, что ты объясняешь такие простые вещи очень подробно, думал, что это ни к чему. А сейчас понимаю, что рил сложные вещи и курс топовый. Красавчик
🚀🚀🚀
Замыкание, описанное здесь на 20:00 является частным случаем каррирования функций (function currying). Это паттерн, когда функция вместо нескольких параметров принимает только один, и возвращает функцию, ожидающую следующий параметр (и так далее), пока не будут заданы все параметры, после чего уже выполнится тело функции. Вызов такой каррированной функции выглядит как последовательность вызовов функций: doSomething("with this")("and this")("and even this")
Самое полезное свойство каррированных функций в том, что конечный результат является всё ещё функцией, которую предстоит выполнить (т.е. она не выполнена), но её предыдущие параметры ей уже заданы. Это полезно, когда вам нужно передать коллбэк, и у вас уже есть значения части аргументов этого коллбэка, но вызывать его будете не вы, соответственно вам нужно каким-то образом «прилепить» к коллбэку известные аргументы, и тогда где бы этот коллбэк не был вызван, в него уже будут зашиты значения всех каррированных аргументов.
Спасибо, одно из лучших объяснений. Такие сложные темы сложно понять с первого раза и такие объяснения с разных точек зрения здорово помогают.
Дополнительно прочитал ещё статью "Замыкание" на js learn. Теперь стало ещё понятнее. Там объясняется, как передача параметров работает "под капотом". Димыч, вроде, тоже рекомендовал документацию на эту тему читать. Тем, кто увидит эти наши коменты, хочу подтвердить. Прочитайте обязательно, очень подходящий момент. Разберётесь с одной из самых сложных тем JS. На собеседованиях это могут спрашивать, да и на практике пригодится, конечно же.
@@puzzle2012 На практике очень важно понимать, когда именно и зачем это может быть использовано, то есть какова практическая польза. Я сперва тоже теорию прочёл, подумал, что классно, но долго ещё не применял, потому что несмотря на знание в теории, практически не догадывался, что в такой-то ситуации именно это «то что нужно». Мозг по накатанной пытался использовать старые известные паттерны, а этот как-то даже в голову не приходило внедрить.
Пытался сам до этого понять, что такое THUNK и с чем его едят, курил документацию, рассматривал, как он писался и почему все именно так... убил 2 недели и ничего особо не понял. А Димыч в паре презентаций все объяснил - просто ТОП). Благодарочка. Объяснять доходчиво сложные вещи - это редкий талант.
"Тяжело? Вынос мозга? Я надеюсь ДА." (c)
Слушай,ты единственный,кто предоставляет бесплатные и невероятно понятные с очень важной информацией лекции.Огромны тебе респект,сразу видно,что рассказывает спец!👌
65 выпусков позади. Спасибо вам за все эти знания и ваш образ мыслей, который заряжает на действия, даже когда кажется, что ничего не получится. Дождусь трудоустройство фронтом и с первой зарплаты задоначу, чтобы хоть как-то отблагодарить.
Ну что дружище, осилил путь ? Трудоустроится ?
@@oconnor4417 эти уроки позади, смотрю продолжение, которое желтенькие и тайпскрипт. А га работу по диплому устроилась, потому что прогером совсем не получается, а кушать что-то надо)
@@smolhs1586 понял ) в любом случае-удачи тебе !)
@@oconnor4417 спасибо) и тебе)
ЛЛЛЛЛЛЛЛЛААААААААААААААЙЙЙЙЙЙЙЙЙЙЙЙЙЙЙЙККККККККККККК!!!!!!!!!!!!!
Шикарное объяснение! Шикарные планы на будущее! Топи, никогда не сдавайся! Спасибо!
Дмитрий удивительный человек! Такое рвение, желание трудиться! Такие люди огромная редкость пока что! Именно они помогают нам вытаскивать себя из ямы лени и безделья своим личным примером! Очень хороший курс по React - Redux! С первой же ЗП донат 30%))
Димыч, молодец, ты лучший!!! Смотрю в 2022. Всё очень доходчиво! #thunk #redux #reactjs
Добрый день, устроились на работу?
более позитивно и хорошего преподавателя в сети не найти, спасибо тебе огромное Димыч джан )))
Выходной не удался) не удержалась и зашла посмотреть теорию по жизненным цикла и Thunk
как в каком то уроке сказал Димыч, у вас нет выходных блядь, бомбите
@@ИльяМаненков-з9е ахахахахах
"Сделают революцию" - в конце 2020-го звучит как пророчество) Спасибо! Это лучшие курсы!
ну и как, кого скинули, революционеры хуевы?)))
@@Anunahoff мыму твою скинули. Она тебе не говорила?
@@ИванИванов-у3ч4м её же скинули, она не говорит больше:(:((
Столкнулся с thunk и после многочисленных статей и видосов понял только тут!
Спасибо! Объясняешь доступно! THUNK - это круто!
Прошёл весь первый сезон Пути Самурая.
Вернулся к этому ролику - пересмотрел, законспектировал и всё понял 😙
Тема намного понятней после практики.
Ребят, кидайте не до конца понятые ролики в закладки, и возвращайтесь к ним после окончания сезона - понимание действительно придёт 😉
Олег, спасибо за совет! А то совсем поплыл...
Лучшее объяснение!!!redux-thunk в деталях ReactJs
Благодарочка. Объяснять доходчиво сложные вещи - это редкий талант. 2023
Жаль, что таких как Дмитрий единицы) - тех кто как и Дмитрий делится знаниями, чтоб любой, кто приложит усилия, с их помощью смог изменить свою жизнь. Спасибо, что не жалеешь на это своих сил и времени! У тебя достойная цель! Цель настоящего самурая!
Добрый день из 17 декабря 2021! Жалко, что Димыч не читает комментарии уже, наверное(( Хотел подклиться, чтобы он знал как ценны его уроки! Учусь на платных интернет курсах . На этих курсах за пол часа пробежали теорию и практику Thunk, middleware, compose, saga,.... по принципу "все очень просто, если нужно прочитайте на сайте". Сижу как баран перед монитором и даже не понимаю, а куда все это и нафига !...)))) Прямо низкий поклон за уроки, Все твои 100 занятий на сотню часов "учителя " онлайн школ вмещают в 10 занятий по пол часа.
Димыч- ты красавелла). Разжевал круто.....
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
JavaScript
курс React
DAL, axios.create
Веб разработка
разметка
best of the best!!!
Спасибо за урок :)
Дай бог тебе здоровья мужик. Мир твоему дому, спасибо тебе огромное.
Привет, Дима. Огромный рахмет тебе за труд. Доходчиво, просто и с душой)
P.s.:
UI - BLL - DAL - SERVER - уан лав схема реализации архитектуры;
BLL - это главный менеджер)
.thunk - функция, которая может выполнять асинхронные операции и диспатчить action
Летим дальше, по-любому летим)
thunk #redux #reactjs #практика #примеры #уроки #курс
2022. Уххх, сложно. Надо будет пересмотреть после практики. Спасибо большое!
Речь в конце до мурашек...! Видео посмотрела перед сном,завтра пересмотрю для лучшего понимания. Спасибо за курс!!!.......Прошли сутки. пересмотрела видео. Теория понятна и проста. Пора переходить к практике
Димыч, ты лучший!!! Очень доходчиво объясняешь #thunk #redux #reactjs
Белорусский Айти Мафиози Димыч - один из самых лучших на youtube!!! Сёгун, над всеми самураями, просто хороший человек.
лучшее объяснение !!!! Как раз встал вопрос оптимизации асинк операций
впечатляет как быстро и понятно ты рассказываешь
Вчера был весь день в дороге без конспекта и ноута, вот и решил слегка подговиться, почитать заранее про санки, посмотреть какой-нибудь видос, что бы к уроку более подготовленным подойти. В итоге понял, что ничего не понял, зато сегодня, благодаря Димычу, как понял! Спасибо, лучший курс)
React, redux, thunk, it
Все красиво и понятно по полочкам разложил! Спасибо, полетел набивать руку на практике!
React JS - лучший курс!
Лучшее объяснение React JS - урок redux-thunk в деталях (теория)
28:20
- Эй Димыч чем займемся сегодня?
- Тем же чем и всегда самурайчик ... ПОПРОБУЕМ ЗАХВАТИТЬ МИР!
Олды поймут :)
на 25:40 был вынос мозга. хотелось кричать "остановись !!!"
react redux-thunk
thunk middleware = вклинить логику DAL после вызова dispatch из UI но до вызова редьюсера, middleware можно применить на этапе combineReducers, передача message в thunk из замыкания, learn.javascript, конвейер store.dispatch -> thunk mw -> reducers, санки могут диспатчить другие санки или екшены - круто! супер! спасибо!
Спасибо, Дима, за уроки по Реакту. Начинала с вами учить, дошла где-то до 70-ого урока и мне предложили стажировку на Ангуляре, я пошла, но не вытянула, сложно (нужно было все самой изучать, практически никто ничего не подсказывал), вот вернулась опять к вашим урокам, Реакт все же проще мне дается.. Начала смотреть все заново (по второму кругу понятнее все) - Never Give Up!
Уровни UI, BLL, DAL похожи на паттерн MVC
Model - DAL
View - UI
Controller - BLL
С возвращением! И поздравляю со стажировкой! Удачи на втором круге! Это не неудача! Это обычная ситуация! Так что летите🚀
@@ITKAMASUTRA Спасибо)
мозговыносящий материал, но не из-за подачи, а своей сути) подача огонь, спасибо большое!
Спустя год, я снова здесь. Хоть уже и работаю пол года, пришел освежить в памяти! Всем успехов, бомбите дальше)))
Сначала не понял, потом посмотрел следующие два видоса и все понял. Спасибо большое за этот курс по реакт / редакс
Объяснение огонь! Лучшее по redux-thunk!
6:45 Батя BLL просто взял и поставил UI на место, нехер умничать!
Спасибо, ничего не понятно, но очень интересно! ;)
Бомбим дальше!
Супер Дима!!!Всё предельно ясно по thunk, талант доносить информацию👍🔥🔥🔥
Спасибо димыч. Ты отлично объяснил что такое react thunk
Димыч, все сейчас понятно, что такое санки, а вот через 10 выпусков будет вынос мозга. Смотрю твои уроки какую-то часть, потом все плывет, приходится откатываться и заново
Спасибо! Я уже работаю, но не все темы знаю, с сагами знакома, а за thunk зашла сюда )
Крутецкая подача материала. Я до недавнего времени - полный гуманитарий. Но всегда чувствовал, что не моё. Учась по видосам Димыча - не просто получаешь знание, а и самое главное - энергетику. Это очень важно. Никакие финансы не мотивируют так, как возможность делать крутые штуки. Спасибо))) Бомблю с удовольствием, не смотря на то, что достаточно тяжело
Длинное видео, но оооочень доступно разжевано, Огромное спасибо!
не думала, что меня так легко отвлечь шелестящим пакетиком на заднем фоне =) сразу мысли разбегаются куда-то... видимо тема действительно сложна...
Но объяснено супер-круто! спасибо за знания!
65 урок, полёт нормальный, Димыч, спасибо, ты стал как близкий)
садимся на санки и катимся к следующему выпуску
Димыч, молодец! Круто разжевал тему))
Спасибо огромное, Димыч за redux-thunk в деталях. Теперь лучше понимаю, что есть к чему, думаю скоро прикуплю платную апишку, чтобы идти дальше
Классный урок, полезная тема. Начинал учить реакт-редакс по твоим видео, но по чуть-чуть по чуть-чуть мой проект стал сильно отличаться от курса, сейчас периодически заглядываю на твой канал, спасибо за труд, палец вверх!)
Супер понятные объяснения. react redux thunk
Круто что сами store писали. Респект за такой подход!
Лучший курс от лучшего препода.))
Димыч, спасибо за отличный разбор))
#thunk #redux #reactjs #практика #примеры #уроки #курс
Наверное самое важное видео из плейлиста, тут не только thunk-и объясняются, но и неплохой recap идет по reducers, store, dispatch redux и всему react циклу. Гран мерси сенсею)
Димыч бог объяснений, сидел с улыбкой до ушей понимая все что он говорит, хотя до этого задрочил сильно понимание замыканий. Димыч тащи!
Спасибо! Берем thunk и едем дальше!
Димыч, спасибо, что мотивируешь и учишь отдыхать)
Хорошо, что я до данного выпуска раз 5 пересмотрел 100-ый выпуск. Так и про thunk-и легче зашло)
Как же всё это мощно. Я получил интеллектуальный оргазм.
какое невероятное чувство, когда пересмотрел всего лишь второй раз и смог все понять и во всем разобраться. Это вау, Димыч, ты золотой слиток в СНГшном IT-комьюнити!
Вроде пока все понятно. Спасибо! Летим к практике!
Нелегко, но разобраться можно) спасибо тебе! бомбим дальше!!! Redux React Thunk
Классное объяснение, что такое middleware, пасибааа
Воодушевляют твои глобальные планы! Прям хочется быть их частью)
Спасибо, Димыч! React, redux, dispatch, thunk - thanks.
Когда смотрел по первому кругу - ну да, да, кружочки квадратики все понятно). Санка! да, санки) все понятно знаю санки, катался) - но ничего конечно не запомнил.
Сейчас, когда смотрю по второму кругу, уже четко понимаю о чем речь, и также то насколько Дмитрий хорошо овладел базой. Спасибо Дмитрий что делишься этим.
Я включаю следующее видео:
Ну давай, Димыч, что ты ещё придумал 😅😅😅
Боже мой, если бы не ты, то я бы никогда наверное thunk не поняла, спасибо тебе огромное!!!
Сегодня ровно месяц как я сделал первый коммит по этому курсу. Стараюсь чтото делать каждый день, даже на роботе когда время есть уроки смотрю. Брал отпуск на неделю чтобы быстрее продвигатся дальше. Спасибо тебе Димыч за этот курс.
Про отдых правильно сказал. Спасибо тебе!!!
мне понравилось, спасибо) я перешел к этому видео потому что на своем проекте функция с асинхронным ajax запросов вместо state не дожидаясь конца запроса вернула мне undefined
А идея образовательных инкубаторов это очень крутая идея Димыч и она обязательно выстрелит! Распространяй свой инкубатор на другие города. Сам бы обязательно отучился офлайн в нем, если бы такое было в Воронеже.
твоя мечта сбудется, у тебя все получится. Уже какие огромные плоды от твоих усилий. Спасибо за твое время)
прошёл всё заново до этого места, взял и с этого места отблагодарил подпиской Димыча, и за два месяца с 1 урока до 65 дошёл
Спасибо Димыч! Твой труд неоценим!
Очередной крутой урок! Спасибо!
React, redux-thunk.
Привет. На курсах объяснили так что ничего не понял 100 раз. Посмотрел твое одно видео и все ясно как божий день. Построишь сеть школ пойду к тебе преподавателем ))). Если возьмешь )). Классный контент создаешь. Благодарю от души
Спасибо Димыч, ничего не понял, но очень интересно)
Очень хорошее видео на самом деле, все понятно и легко подано. Жаль не попал на это раньше
Ещё ни в одном видео не было такого выноса мозга. Димыч, ты огонь!
Спасибо 2022! В перед к практике thunk-middleware!
Тяжелую теорию надо закрепить практикой. Спасибо за труды!!!
Спасибо Димыч! Thunk, react, redux, ajax, reducer
React JS - урок redux-thunk в деталях (теория)
Спасибо, Димыч!
Смотрю, учусь
Спасибо, ничего непонятно, пошел читать другие источники, потом вернусь сюда, и еще раз посмотрю, затем пойду дальше. Тяжко)))
PS. прокачался, вернулся, законспектировал всё по видео, стало гораздо понятнее. Двигаем дальше.
Офигенный выпуск, помимо thunk-функций, появилось понимание про замыкания. Спасибо!
65 урок, Димыч огромное спасибо) Огромный путь прошли) Считай породнились почти хД
Димыч, просто лучший курс. Изучение redux-thunk. Тот самый thunk. Наши говорят санк. Изучение React JS. JavaScript. Лучший и бесплатный курс по реакту
Благодаря этому видео я разобрался, спасибо мужик🤝🤝🤝
Оказалось, что я уже выпусков 20 ждал санок :) Спасибо
Супер! Лучше поздно, чем никогда)
Через день пересмотрел эти Thunk , но уже с записью определений и рисованием схем в блокноте, стало еще понятней!
теория зашла на ура , иду дальше ! Спасибо !