Redux Middleware/Async/Thunk: The complete Guide

Ғылым және технология

This video I will be covering middleware and asynchronous actions within React/Redux. We'll cover why we need to use redux thunk to perform asynchornous actions as well as go over an example on how to fetch data from a public API
If you guys like this video come check out my free course on react/redux at:
courses.sloppynetworks.com
timestamps:
00:00 middleware intro
03:00 Middleware Example
27:23 Async Intro
28:29 Async issues in Redux
42:41 Redux Thunk
51:25 Redux Reqeust/Success/Failure Pattern
Sanjeev_Tea
sanjeev_tea
-Sanjeev Thiyagarajan

Пікірлер: 133

  • @andmoreagain
    @andmoreagain3 жыл бұрын

    Your ability to speak clearly without constant needless interjections and the fact that you spent the extra time to ensure that your audio was well edited and captured really take this tutorial to the next level. Thank you for this! I've paid for classes/teachers that are not half as competent as you are as a speaker.

  • @tjldsl
    @tjldsl3 жыл бұрын

    This is the clearest explanation of this whole flow. Thank you so much!

  • @DarkMetroid777
    @DarkMetroid7772 жыл бұрын

    Was dealing with the error "Actions must be plain objects. Use custom middleware for async actions.", this helped clear things up. Thanks a ton posting this!

  • @ashishkpkpkp
    @ashishkpkpkp2 жыл бұрын

    Only topic in react for which you will not find a good tutorial anywhere on KZread or any other resource...the reason being it's one of the hard and advanced topic of React...Finally got some understanding of why we need to use async middleware logic using redux thunk....Thank you so much man...Really Great..😄

  • @aidanwalker7136
    @aidanwalker71363 жыл бұрын

    Watched both your redux videos now, I have struggled wrapping my head around redux a lot in the past and decided to give it another crack, makes perfect sense now :)

  • @zahramirzaei3356
    @zahramirzaei3356 Жыл бұрын

    This is the clearest and most understandable video that I have ever seen about Redux Middleware and Redux Thunk. Please carry on with your good work. Thank you very much.

  • @philippec4448
    @philippec44482 жыл бұрын

    I want to thank you so much for your tutorial, you have no idea how much it has helped me understand how Redux works under the hood when API calls are made. I've watched a bunch of tutorials but all of them just threw the code barely explaining stuff. So yes you can write the code but without understanding it. With your video, finally I feel like I truly understand why you have to write this or this or this. Again, a big thank you!

  • @valencia375x
    @valencia375x2 жыл бұрын

    Great video describing this topic! Lot's of videos here on KZread are quite old and outdated and I'm glad to have found one that is up-to-date and useful :)

  • @arsyaswanth5
    @arsyaswanth52 жыл бұрын

    This is the best explanation I have seen on the whole internet for redux middleware. Detailed and clear!

  • @Joa764
    @Joa7643 жыл бұрын

    It's very hard to find material on Redux with hooks (the documentation is using classes and the hooks section is complex), but here we can find anything and that's impressive. Your channel has great content and the explanations are very simple! You'll go places with this channel, continue to do a great job! You've earned a subscriber!

  • @RanjeetKumar_23
    @RanjeetKumar_232 жыл бұрын

    By far the best and very well detailed tutorial on middleware i have found on internet. have found a really OG resource today, definitely will go through other topics on this channel. Thanks Sanjeev.

  • @Harker911
    @Harker9112 жыл бұрын

    No, you did a great job explaining it. One of the crucial parts is showing us in-depth why the async-await way doesn't work without the Redux-Thunk middleware. So important to explain what's happening under the hood. Can't stress that enough. Without the knowledge, I can still make it work in my app, but I end up having a shallow understanding of it all and won't understand code that is a little more complex. Also, explaining things in-depth helps me so much with confidence. I don't think tutorials are bad at all, but if things are explained more in detail, without taking certain parts for granted, the things you learn from tutorials stay with you for sure. It doesn't lead to tutorial-purgatory. Not for me, at least.

  • @mb3_media
    @mb3_media2 жыл бұрын

    Hi Sanjeev, this is the best course of Redux that I found in the internet. Here in Brazil we have a lot of top programming courses, but none of them was capable to deliver such an amount of awesome content like you did. Very clearly, amazing english utterance, and for last but no least important, the quality of examples. All clear and simple. I will enroll in your React course. Thank again!

  • @SH-lt2iv
    @SH-lt2iv3 жыл бұрын

    Your teaching style is one of the best I've encountered.

  • @beramaks
    @beramaks3 жыл бұрын

    The best video on the topic! Perfect, clear, and all in one place. Thank you so much!!!

  • @yaserhasan6004
    @yaserhasan60043 жыл бұрын

    this is the best explanation i could find on youtube for redux and redux-thunk, great tutorial thank you

  • @rumym7292
    @rumym72923 жыл бұрын

    This is the best explanation of Redux Middleware and asynchronous calls. Thank you!

  • @pradippandey2631
    @pradippandey2631 Жыл бұрын

    Given your eloquent voice, Loved to watch this tutorial. Totally got the concept. You make it so straightforward and easy to understand.

  • @paulbuyswebdeveloper7402
    @paulbuyswebdeveloper74023 жыл бұрын

    Bro.... really great tutorial. I wish this was the first video I ever redux video I ever watched... would have saved me so much time.

  • @mohakmaheshwari8756
    @mohakmaheshwari87562 жыл бұрын

    Learning Redux Is definitely incomplete without this video. Thank you so much. You earned a subscriber. ✨👏👏👏

  • @mrFighter924
    @mrFighter9243 жыл бұрын

    Best explanation on the web for redux-react thunk. Thank you so much!!! (Finally someone property explain this)

  • @codyrap95
    @codyrap952 жыл бұрын

    This is pure gold! I have my job interview tomorrow and I've been scratching my head to understand these concepts. After hours upon hours of udemy and youtube, I finally came across this video and was able to understand this concept. Thank you!

  • @mb3_media

    @mb3_media

    2 жыл бұрын

    Did you get the job man?

  • @rogerjackson5995
    @rogerjackson59952 жыл бұрын

    OMG !!! Amazing explanation. Really loved the way you create each video. 😍😍😍😍

  • @salmaankhan1814
    @salmaankhan18143 жыл бұрын

    Dude, I was lucky that I found your video, because if I did not, who knows, maybe it would have taken months if not years to actually understand these very important principles of react! Thanks for being!

  • @prawarmundra4931
    @prawarmundra49312 жыл бұрын

    the explanation in this video is outstanding. clear and crisp knowledge of redux amazing. love to see more content from you

  • @boopfer387
    @boopfer3872 жыл бұрын

    Excellent excellent and excellent 5 stars Sanjeev!!!!

  • @keshavjha9835
    @keshavjha98353 жыл бұрын

    It was a great tutorial..thank you for making these tutorials on these type of confusing topics which many youtubers don't explain that well

  • @danieljing9319
    @danieljing93193 жыл бұрын

    explanation is really great and it's easy to understand what you are talking about, great stuff

  • @kokoyroy
    @kokoyroy2 жыл бұрын

    the best explaination of middlewares out there ! thank you sooooooo much!!!!!

  • @amaanimtiyaz
    @amaanimtiyaz Жыл бұрын

    The only best Video on thunk Redux. Recommended.

  • @calsonsheng5612
    @calsonsheng56122 жыл бұрын

    you should have your own paid course, the content is pure gold and much better than any other provider I watched out there!

  • @XiagraBalls
    @XiagraBalls2 жыл бұрын

    I thunk this was an exceptional tutorial. Good job! 😀

  • @h_nooh7390
    @h_nooh73902 жыл бұрын

    The best video I've seen for middleware, thanks a lot

  • @Manish-qd1sz
    @Manish-qd1sz2 жыл бұрын

    really grateful I learned many things here. Please carry on with your good work. Thank you so much! 🙏

  • @emreaka3965
    @emreaka39653 жыл бұрын

    Thank you! You helped me so much. I have watched the video several times and I've just got it! Also, I've applied it in my project. ^^

  • @WhiteNuzzle11
    @WhiteNuzzle113 жыл бұрын

    Great and clear explanation, thanks. Keep on going friend. Cheer!

  • @ajayjayapalan1547
    @ajayjayapalan15472 жыл бұрын

    Trust me those aren't boring examples . ❤️. great content 💯

  • @143balug
    @143balug3 жыл бұрын

    Detailed explanation of the complete flow, Thank you

  • @CF-zz2gc
    @CF-zz2gc3 жыл бұрын

    This is very helpful for start-ups, thank you so much!

  • @supplyuniquenotessun4562
    @supplyuniquenotessun45623 жыл бұрын

    awesome tutorial .. i admired your style so much .. perfect .. very perfect .. many thanks.

  • @shivrajnag12
    @shivrajnag122 жыл бұрын

    Sanjay you are awesome when it comes to explanation. This is by far the best explanation of Redux I have listened. One request though please increase your VS Code font size for upcoming videos, it's really difficult to look at the code at this size. This can be a good interview question too Implement your own simple custom logging middleware in redux.

  • @SRAYOSHI
    @SRAYOSHI2 жыл бұрын

    Thank u so much. Best tutorial in yt on redux middleware.

  • @letsinspire3673
    @letsinspire36732 жыл бұрын

    Awesome Video... cleared the whole concept. 🎉🎉🎉👍😊

  • @t.hanprab
    @t.hanprab3 жыл бұрын

    Thank you! It's a hard concept but You can explain very clearly.

  • @nelsonfrank
    @nelsonfrank3 жыл бұрын

    This tutorial helped me make my job done, Thank you so much!

  • @abhijeetbrahmbhatt8135
    @abhijeetbrahmbhatt81353 жыл бұрын

    Great explanation, thank you for the video! Keep up the good work.

  • @chinonsondukwe7838
    @chinonsondukwe78383 жыл бұрын

    Now this makes sense!!! Thanks so much for this piece

  • @serhiikichuk
    @serhiikichuk6 ай бұрын

    Thanks! The clearest explanation of fundamentals :D

  • @xiaoli3878
    @xiaoli38783 жыл бұрын

    You really did a great job! Very clear explanation!

  • @ericholdridge4102
    @ericholdridge41023 жыл бұрын

    Currently learning Redux by building a weather app and this helped me out a ton when fetching data from an api. Was having issues updating the state. I knew it was an async await problem but couldn't find a solution.

  • @serhanguney492
    @serhanguney4922 жыл бұрын

    I've set this as my morning alarm!

  • @arindamchattopadhyay4272
    @arindamchattopadhyay4272 Жыл бұрын

    Superb.... Understood after having a lot of head-ache

  • @devDive615
    @devDive6152 жыл бұрын

    This is the best redux vidéo ever made

  • @aungmoethu1835
    @aungmoethu18353 жыл бұрын

    Thankyou so much. That helped me a lot to understand redux middleware.

  • @riwjin
    @riwjin3 жыл бұрын

    this is such a hidden gem. liked and subbed!

  • @dheerajs2838
    @dheerajs28382 жыл бұрын

    very good tutorial.. fantastic job man

  • @shoukathennadesigns5135
    @shoukathennadesigns51352 жыл бұрын

    Outstanding content. You nailed it👍

  • @sanskarkhare1599
    @sanskarkhare15993 жыл бұрын

    your explaination is great loved the video

  • @poojajethva
    @poojajethva2 жыл бұрын

    Very helpful video .. easy explanation

  • @yolo48554
    @yolo485543 жыл бұрын

    Thank you for creating your tutorials, I really wish you could also make one intended for Hooks, beginner to intermediate level maybe? Thank you again.

  • @leehj0110
    @leehj01102 жыл бұрын

    best redux tutorial ever. 👍

  • @juanpumpkinpie6550
    @juanpumpkinpie65503 жыл бұрын

    great value video!. Comparing with all bullshit youtube is allowing people to upload on the platform making free videos teaching just mistakes, this video has a huge difference and the real explanation how middleware's behave. Good english accent, explanations about what and why, step by step which means it has pedagogy. More videos like that!

  • @madhuvarun2790
    @madhuvarun27902 жыл бұрын

    awesome explanation. You earned a sub.

  • @vasanthkumar-hf2nk
    @vasanthkumar-hf2nk2 жыл бұрын

    Thanks dude, understood concepts clearly

  • @mijan-karim
    @mijan-karim3 жыл бұрын

    Thank you very much for this nicely explained video :)

  • @keerthanachar
    @keerthanachar2 жыл бұрын

    Great explained ❤️

  • @saurabhsalgaonkar2488
    @saurabhsalgaonkar24882 жыл бұрын

    Awesome explanation. Please make more deep react concept videos like this 👍

  • @marekszirdzins
    @marekszirdzins2 жыл бұрын

    In order to check the Loading in real time, you could also use network throttling section in the F12 Chrome dev tools and make the connection slower.

  • @jscrack8443
    @jscrack84432 жыл бұрын

    Superb video man.... :)

  • @tridevthakur7711
    @tridevthakur7711 Жыл бұрын

    I was searching the same content.Thanks

  • @pranavbhagwat9758
    @pranavbhagwat97584 жыл бұрын

    Do you have a video to build a fully functional react redux ecommerce app.

  • @ankitchoudhary197
    @ankitchoudhary1973 жыл бұрын

    Explained very nicely

  • @muhammedladeed2280
    @muhammedladeed22802 жыл бұрын

    awesome explanation bro

  • @user-eb4we1mc3z
    @user-eb4we1mc3z2 жыл бұрын

    Great course!Thanks

  • @PWBastille
    @PWBastille2 жыл бұрын

    Thank you for guide! But I did not understand, why do we use "getState" in asynk function? Can I get access to the store while action?

  • @prakartipanagaria8602
    @prakartipanagaria86022 жыл бұрын

    please help me on this topic as i want to understand that until we get new state from use selector how to stop navigating to next screen or can write the logic of navigation in action creator after we got the response is this good approach .

  • @joschaneske300
    @joschaneske3002 жыл бұрын

    Great explanation, thank you

  • @melaniesigrid8163
    @melaniesigrid81632 жыл бұрын

    Thanks for an awesome tutorial! I have one question, does anyone know how he makes it so VSCode automatically imports? It would be really helpful!

  • @SanghoBose5
    @SanghoBose53 жыл бұрын

    Amazing tutorial. Thank you.

  • @abekaid9527
    @abekaid95273 жыл бұрын

    What's the React extension snippets that you use?

  • @willyhorizont8672
    @willyhorizont86722 жыл бұрын

    thank you this tutorial clearly helpful

  • @thimothy1213
    @thimothy1213 Жыл бұрын

    Thank you so much for explaining the Redux-thunk and Redux-Devtools. Will you be able to make a video on Redux-Toolkit and Redux-Sega this year ?

  • @danielgreen5803
    @danielgreen58032 жыл бұрын

    So if you need to pass that same data to other components? do you dispatch on every component? use connect?

  • @codemi6283
    @codemi62833 жыл бұрын

    he is a hero thank you bro for this great content

  • @jrgunner10
    @jrgunner102 жыл бұрын

    Great explanation

  • @amirtv106
    @amirtv1063 жыл бұрын

    23:12 Why is this next(action) not in a return statement?

  • @nicolasheredia2519
    @nicolasheredia25192 жыл бұрын

    It's a realy nice video. Ty

  • @pongangairamannks6582
    @pongangairamannks65822 жыл бұрын

    Can anyone tell me what is the vs code theme used here?

  • @malcommiya2823
    @malcommiya28233 жыл бұрын

    Hi Sanjeev...Thank you for the explanation it is now 2021 I have used your tutorials previously for Redux and I am now solid. Do you also use the reduxtoolkit?

  • @TuanNguyen-ls6hm
    @TuanNguyen-ls6hm2 жыл бұрын

    WOW, great tutorial, I make myself hit the like button and subscribe to your channel immediately

  • @mhamzarajput
    @mhamzarajput3 жыл бұрын

    perfect man (y) thanks for the such good content

  • @milanpavlovic8141
    @milanpavlovic81414 ай бұрын

    Amazing video

  • @harjotsingh9894
    @harjotsingh9894 Жыл бұрын

    do u have a guthub repo for the code in the video

  • @akshayhandgar9492
    @akshayhandgar94922 жыл бұрын

    any one tried this recent, bz at my side dispatch is not working after api call

  • @kurczak191
    @kurczak1913 жыл бұрын

    Awesome job!

  • @codinginjs2178
    @codinginjs21783 жыл бұрын

    Can please one video on JWT or AUTH using reacts, the way you explain it seriously I understand it now for a long time...

  • @anupvarma3046
    @anupvarma30462 жыл бұрын

    One double here why shouldn't we write api calls in our component and instead move it in action creator?

  • @cebugdev
    @cebugdev2 жыл бұрын

    ive been looking around to understand about redux thunk and found this video, thank you. Can you share the source?

  • @nagendrapp2213
    @nagendrapp22133 жыл бұрын

    could you please make a Big project using React with Redux like social media

  • @Zen.Obie1
    @Zen.Obie12 жыл бұрын

    Great Video