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

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.io/front-end/?ut...
Back-end
it-incubator.io/back-end/?utm...
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
API: social-network.samuraijs.com/
Ребят, без 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
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#thunk #redux #reactjs #практика #примеры #уроки #курс

[@sergedelicious3186]

6:45 BLL: Слышь, UI, ты вообще НИКТО! UI: ;-( DAL: Гы.

[@dw_tv3992]

server: hmm...

[@user-fs4sl5my1o]

Лучшее объяснение как работает redux-thunk ! Я согласен с тем что лучше пересматривать несколько раз видео от Димычас и с тем что нужно возвращаться иногда и пересматривать то что мы изучали ранее, так как картинка с каждым новым видео от Димыча становится всё яснее и яснее, а если ещё и вернуться к тем видео которые сначала были непонятными то всё становится на свои места )

[@motooven]

Димыч красавчик. Пока дошел до 65 урока сложно с нуля топлю в перед )

[@Lotpite]

согласен)

[@maximlight1702]

в этой серии сериала мы узнаем кто батя

[@user-mm3sd3uh6y]

и кто такая самка)))

[@user-on8jd7tk3t]

@@user-mm3sd3uh6y pxaxaxaxaxaxaxaxaxaxa

[@di.4599]

Блин, в начале смотрел твой курс, думал, что ты объясняешь такие простые вещи очень подробно, думал, что это ни к чему. А сейчас понимаю, что рил сложные вещи и курс топовый. Красавчик

[@ITKAMASUTRA]

🚀🚀🚀

[@sophiet1694]

радостное чувство злорадства, когда выскочку UI поставили на место, и теперь он лишь жалобно просит данные :))) Спасибо, отличное объяснение!!!

[@user-vj8hj9jk2b]

Пытался сам до этого понять, что такое THUNK и с чем его едят, курил документацию, рассматривал, как он писался и почему все именно так... убил 2 недели и ничего особо не понял. А Димыч в паре презентаций все объяснил - просто ТОП). Благодарочка. Объяснять доходчиво сложные вещи - это редкий талант.

[@The14Some1]

Замыкание, описанное здесь на 20:00 является частным случаем каррирования функций (function currying). Это паттерн, когда функция вместо нескольких параметров принимает только один, и возвращает функцию, ожидающую следующий параметр (и так далее), пока не будут заданы все параметры, после чего уже выполнится тело функции. Вызов такой каррированной функции выглядит как последовательность вызовов функций: doSomething("with this")("and this")("and even this") Самое полезное свойство каррированных функций в том, что конечный результат является всё ещё функцией, которую предстоит выполнить (т.е. она не выполнена), но её предыдущие параметры ей уже заданы. Это полезно, когда вам нужно передать коллбэк, и у вас уже есть значения части аргументов этого коллбэка, но вызывать его будете не вы, соответственно вам нужно каким-то образом «прилепить» к коллбэку известные аргументы, и тогда где бы этот коллбэк не был вызван, в него уже будут зашиты значения всех каррированных аргументов.

[@puzzle2012]

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

[@puzzle2012]

Дополнительно прочитал ещё статью "Замыкание" на js learn. Теперь стало ещё понятнее. Там объясняется, как передача параметров работает "под капотом". Димыч, вроде, тоже рекомендовал документацию на эту тему читать. Тем, кто увидит эти наши коменты, хочу подтвердить. Прочитайте обязательно, очень подходящий момент. Разберётесь с одной из самых сложных тем JS. На собеседованиях это могут спрашивать, да и на практике пригодится, конечно же.

[@The14Some1]

@@puzzle2012 На практике очень важно понимать, когда именно и зачем это может быть использовано, то есть какова практическая польза. Я сперва тоже теорию прочёл, подумал, что классно, но долго ещё не применял, потому что несмотря на знание в теории, практически не догадывался, что в такой-то ситуации именно это «то что нужно». Мозг по накатанной пытался использовать старые известные паттерны, а этот как-то даже в голову не приходило внедрить.

[@user-bx7ly2th3b]

"Тяжело? Вынос мозга? Я надеюсь ДА." (c)

[@streetworkout1326]

Слушай,ты единственный,кто предоставляет бесплатные и невероятно понятные с очень важной информацией лекции.Огромны тебе респект,сразу видно,что рассказывает спец!👌

[@michaelcovalciuc2240]

ЛЛЛЛЛЛЛЛЛААААААААААААААЙЙЙЙЙЙЙЙЙЙЙЙЙЙЙЙККККККККККККК!!!!!!!!!!!!! Шикарное объяснение! Шикарные планы на будущее! Топи, никогда не сдавайся! Спасибо!

[@scrible5063]

Дай бог тебе здоровья мужик. Мир твоему дому, спасибо тебе огромное.

[@user-bd4lw9hx3s]

Дмитрий удивительный человек! Такое рвение, желание трудиться! Такие люди огромная редкость пока что! Именно они помогают нам вытаскивать себя из ямы лени и безделья своим личным примером! Очень хороший курс по React - Redux! С первой же ЗП донат 30%))

[@codegorian6057]

более позитивно и хорошего преподавателя в сети не найти, спасибо тебе огромное Димыч джан )))

[@my_zalizniak]

Жаль, что таких как Дмитрий единицы) - тех кто как и Дмитрий делится знаниями, чтоб любой, кто приложит усилия, с их помощью смог изменить свою жизнь. Спасибо, что не жалеешь на это своих сил и времени! У тебя достойная цель! Цель настоящего самурая!

[@maksimmaliauka3026]

Димыч- ты красавелла). Разжевал круто.....

[@victormog]

Столкнулся с thunk и после многочисленных статей и видосов понял только тут!

[@dmag3287]

Димыч, молодец, ты лучший!!! Смотрю в 2022. Всё очень доходчиво! #thunk #redux #reactjs

[@flavkaa2017]

Добрый день, устроились на работу?

[@mariia6820]

Лучшее объяснение!!!redux-thunk в деталях ReactJs

[@egorn6543]

Лайк за офигенной обьяснение! Все понятно, теория и понимание важно

[@kub1k]

Благодарю за прекрасное объяснение thunk.

[@OlegMavlyutov]

Прошёл весь первый сезон Пути Самурая. Вернулся к этому ролику - пересмотрел, законспектировал и всё понял 😙 Тема намного понятней после практики. Ребят, кидайте не до конца понятые ролики в закладки, и возвращайтесь к ним после окончания сезона - понимание действительно придёт 😉

[@RUS4HELP]

Олег, спасибо за совет! А то совсем поплыл...

[@user-mj8yz4sf9x]

Длинное видео, но оооочень доступно разжевано, Огромное спасибо!

[@webmax84]

Спасибо за урок! Мудрые слова в конце), успеха во всех начинаниях!

[@trotill007]

Димыч, молодец! Круто разжевал тему))

[@marsonleonardovich4036]

Спасибо! Объясняешь доступно! THUNK - это круто!

[@seriogaromanchykov9451]

Благодарочка. Объяснять доходчиво сложные вещи - это редкий талант. 2023

[@MellRokk]

Очередной крутой урок! Спасибо! React, redux-thunk.

[@firstname9795]

Отлично идет, нужно идти до конца!

[@Vllad_Ko]

Объяснение Thunk отличное! Как и весь курс React Redux

[@SemenAlexndrovich]

Круто ! Спасибо! Не смотря на то , что видео идёт почти полчаса, всё по делу

[@bessonniy9208]

"Сделают революцию" - в конце 2020-го звучит как пророчество) Спасибо! Это лучшие курсы!

[@Anunahoff]

ну и как, кого скинули, революционеры хуевы?)))

[@user-sj4oy1el5y]

@@Anunahoff мыму твою скинули. Она тебе не говорила?

[@danildemchenko6004]

@@user-sj4oy1el5y её же скинули, она не говорит больше:(:((

[@peschernuy]

Дмитрий просто спасибо! Ты великое дело делаешь!

[@user-nj6rg8we9u]

С третьего раза все встало на свои места. Дима, спасибо. Отдельное спасибо за схемки

[@spacerider9426]

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

[@romanpomin1967]

Димыч, спасибо, что мотивируешь и учишь отдыхать) Хорошо, что я до данного выпуска раз 5 пересмотрел 100-ый выпуск. Так и про thunk-и легче зашло)

[@IgniosTyumen]

ReactJS Redux Thunk. Спасибо за уроки=) Ждем с нетерпеньем практики=Р

[@sandorkligan2208]

Спасибо Димыч! Твой труд неоценим!

[@user-jz1mn5ec3y]

спасибо за отличное объяснение! все понятно!)

[@biovrad]

крутое и понятное объяснение react-thunk! с каждым выпуском все становится понятнее

[@amaxe12345]

Димыч, ты лучший!!! Очень доходчиво объясняешь #thunk #redux #reactjs

[@dmitrybuinitski5245]

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

[@Alex-bn7zr]

Лучшая подача материала, React/ Redux/ Thunk!!! Спасибо!!!

[@dxnght]

С каждым выпуском всё интереснее!! Спасибо за труды, Димыч. С премиумом жизнь - сказка)

[@ctumyji9737]

Все красиво и понятно по полочкам разложил! Спасибо, полетел набивать руку на практике! React JS - лучший курс!

[@eugeneberezhnyi1942]

Спасибо. Отличное объяснение!

[@llelya]

Выходной не удался) не удержалась и зашла посмотреть теорию по жизненным цикла и Thunk

[@user-nh3cq9it6e]

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

[@aightstudyvibe6499]

@@user-nh3cq9it6e ахахахахах

[@dimagraf5411]

Офигенный выпуск, помимо thunk-функций, появилось понимание про замыкания. Спасибо!

[@ivanmiarkulau8320]

Спасибо большое за объяснение принципа работы redux-thunk! В теории почти все понятно, уверен, что после уроков с практикой материал полностью уложиться в голове)

[@smolhs1586]

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

[@oconnor4417]

Ну что дружище, осилил путь ? Трудоустроится ?

[@smolhs1586]

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

[@oconnor4417]

@@smolhs1586 понял ) в любом случае-удачи тебе !)

[@smolhs1586]

@@oconnor4417 спасибо) и тебе)

[@user-ig5jm2mk7k]

Как всегда лучший! Лучший учитель! Спасибо за крутое объяснение)

[@FireORcolD]

TOP LEVEL, как всегда захожу узнать инфу и всегда в точку и понятно, спасибо за знания которые даешь)

[@yourbadapple]

Отличное объяснение, спасибо за видео!

[@dariavalyaeva6915]

Ты уже сделал революцию! Лучший практический курс! Спасибо

[@user-ez7lk9kx6j]

Спасибо! Про образовательную революцию это круто! Амбициозная цель. Удачи!

[@naiz4005]

Спасибо огромное, Димыч за redux-thunk в деталях. Теперь лучше понимаю, что есть к чему, думаю скоро прикуплю платную апишку, чтобы идти дальше

[@user-zn7xg7ky6v]

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

[@user-pv5is5pz4j]

Спасибо, Димыч! Ты очень круто объясняешь)) redux-thunk, react, redux

[@maxkos6184]

Потрясающе!!!! Великолепно!!! Отличная подача темы. React, thunk (преобразователь), Redux, Business Logic Layer, UI, Data Access Layer!!! Это видео просто ОГОНЬ!!!!! Спасибо, Димыч

[@itweb7157]

всё понятно с первого раза ;) Спасибо за твой труд!

[@shamilsalakhutdinov5519]

спасибо за урок, очень интересно объяснил! все понятно! идем дальше) react redux js thunk

[@user-tf1rn7qq2p]

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

[@olegdosov601]

Белорусский Айти Мафиози Димыч - один из самых лучших на youtube!!! Сёгун, над всеми самураями, просто хороший человек.

[@ervinabliamitov2149]

Спасибо за очередной ликбез!

[@viktorshatalov1920]

Спасибо.Как на лекции побывал!)))

[@serdibro6919]

теория зашла на ура , иду дальше ! Спасибо !

[@DagestanShop]

лучшее объяснение !!!! Как раз встал вопрос оптимизации асинк операций

[@johnmj750]

Спасибо, Димыч! Посмотрел 2 раза!👍🏻 Все понятно!!!🔥

[@linuxlifepage]

Димыч спасибо тебе огромное за такой НАИКРУТЕЙШИЙ ПРОЕКТ, столько труда и твоего мастерства обучения, хорошо когда люди на своем месте! 👍 Лучший курс React Redux redux-thunk

[@g3rasim1]

Большое спасибо за курс!)

[@user-hg6im5cg2i]

Супер Дима!!!Всё предельно ясно по thunk, талант доносить информацию👍🔥🔥🔥

[@semial]

Тяжелую теорию надо закрепить практикой. Спасибо за труды!!!

[@user-np9mq5xc7j]

Спасибо! Берем thunk и едем дальше!

[@Dozortsev]

Отлично объяснил про redux-thunk в деталях!

[@bur5153]

С 1 просмотра смотришь и просто афигеваешь, но если обмозговать, посмотреть несколько раз, интерпретировать своими словами, то все становится понятным. Спасибо Димыч)

[@ak1mo8]

10 минут посмотрел и сразу подписка)

[@miguelgrushetckii4839]

Нелегко, но разобраться можно) спасибо тебе! бомбим дальше!!! Redux React Thunk

[@user-iz9is7wm9d]

спасибо! Вы супер мотиватор!!!

[@texasviking7732]

Ура!!! Вперед!

[@esken97]

Спасибо Димыч, ничего не понял, но очень интересно)

[@nickkrsk]

Объяснение огонь! Лучшее по redux-thunk!

[@StepanVorobiov]

Круто что сами store писали. Респект за такой подход!

[@egorpobylets6597]

Спасибо за курс(ReactJS, Redux). Теперь понятно что такое thunk

[@KrokodilShnap]

очень хорошее объяснение, спасибо

[@artyomnazarov8518]

Безграничная благодарность тебе, сенсей))

[@user-cy4cz7zx4m]

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

[@Mykhailo_Vdovychenko]

Очень круто! Спасибо!

[@user-cw3gv1dq5p]

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

[@super-baby3419]

Лучшее объяснение санки которое я видел! Спасибо!

[@ihorprokopenko4837]

лучшее объяснение)

[@ChinaraIbr]

Спасибо! Я уже работаю, но не все темы знаю, с сагами знакома, а за thunk зашла сюда )

[@user-gb3zz3xx3p]

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

[@taniakedrova]

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

[@MrZorg23]

Спасибо! Redux-thunk - крутая тема!

[@dkautochess9566]

Благодарю за отличное объяснение.

[@mistrz7856]

Спасибо, ничего не понятно, но очень интересно! ;) Бомбим дальше!

[@user-kx6hz3sr9f]

мне понравилось, спасибо) я перешел к этому видео потому что на своем проекте функция с асинхронным ajax запросов вместо state не дожидаясь конца запроса вернула мне undefined

[@user-fs1ux7dy6r]

Спасибо за thunk. Очень крутое объяснение.

[@mykhailostepanishchev6472]

Большое спасибо ! Интеренсое видео.

[@danevgen]

Блин, крутейшее объяснение! Спасибо!

[@MJstart]

Спасибо димыч. Ты отлично объяснил что такое react thunk