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
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.
This is the clearest explanation of this whole flow. Thank you so much!
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!
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..😄
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 :)
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.
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!
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 :)
This is the best explanation I have seen on the whole internet for redux middleware. Detailed and clear!
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!
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.
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.
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!
Your teaching style is one of the best I've encountered.
The best video on the topic! Perfect, clear, and all in one place. Thank you so much!!!
this is the best explanation i could find on youtube for redux and redux-thunk, great tutorial thank you
This is the best explanation of Redux Middleware and asynchronous calls. Thank you!
Given your eloquent voice, Loved to watch this tutorial. Totally got the concept. You make it so straightforward and easy to understand.
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.
Learning Redux Is definitely incomplete without this video. Thank you so much. You earned a subscriber. ✨👏👏👏
Best explanation on the web for redux-react thunk. Thank you so much!!! (Finally someone property explain this)
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
2 жыл бұрын
Did you get the job man?
OMG !!! Amazing explanation. Really loved the way you create each video. 😍😍😍😍
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!
the explanation in this video is outstanding. clear and crisp knowledge of redux amazing. love to see more content from you
Excellent excellent and excellent 5 stars Sanjeev!!!!
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
explanation is really great and it's easy to understand what you are talking about, great stuff
the best explaination of middlewares out there ! thank you sooooooo much!!!!!
The only best Video on thunk Redux. Recommended.
you should have your own paid course, the content is pure gold and much better than any other provider I watched out there!
I thunk this was an exceptional tutorial. Good job! 😀
The best video I've seen for middleware, thanks a lot
really grateful I learned many things here. Please carry on with your good work. Thank you so much! 🙏
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. ^^
Great and clear explanation, thanks. Keep on going friend. Cheer!
Trust me those aren't boring examples . ❤️. great content 💯
Detailed explanation of the complete flow, Thank you
This is very helpful for start-ups, thank you so much!
awesome tutorial .. i admired your style so much .. perfect .. very perfect .. many thanks.
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.
Thank u so much. Best tutorial in yt on redux middleware.
Awesome Video... cleared the whole concept. 🎉🎉🎉👍😊
Thank you! It's a hard concept but You can explain very clearly.
This tutorial helped me make my job done, Thank you so much!
Great explanation, thank you for the video! Keep up the good work.
Now this makes sense!!! Thanks so much for this piece
Thanks! The clearest explanation of fundamentals :D
You really did a great job! Very clear explanation!
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.
I've set this as my morning alarm!
Superb.... Understood after having a lot of head-ache
This is the best redux vidéo ever made
Thankyou so much. That helped me a lot to understand redux middleware.
this is such a hidden gem. liked and subbed!
very good tutorial.. fantastic job man
Outstanding content. You nailed it👍
your explaination is great loved the video
Very helpful video .. easy explanation
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.
best redux tutorial ever. 👍
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!
awesome explanation. You earned a sub.
Thanks dude, understood concepts clearly
Thank you very much for this nicely explained video :)
Great explained ❤️
Awesome explanation. Please make more deep react concept videos like this 👍
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.
Superb video man.... :)
I was searching the same content.Thanks
Do you have a video to build a fully functional react redux ecommerce app.
Explained very nicely
awesome explanation bro
Great course!Thanks
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?
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 .
Great explanation, thank you
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!
Amazing tutorial. Thank you.
What's the React extension snippets that you use?
thank you this tutorial clearly helpful
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 ?
So if you need to pass that same data to other components? do you dispatch on every component? use connect?
he is a hero thank you bro for this great content
Great explanation
23:12 Why is this next(action) not in a return statement?
It's a realy nice video. Ty
Can anyone tell me what is the vs code theme used here?
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?
WOW, great tutorial, I make myself hit the like button and subscribe to your channel immediately
perfect man (y) thanks for the such good content
Amazing video
do u have a guthub repo for the code in the video
any one tried this recent, bz at my side dispatch is not working after api call
Awesome job!
Can please one video on JWT or AUTH using reacts, the way you explain it seriously I understand it now for a long time...
One double here why shouldn't we write api calls in our component and instead move it in action creator?
ive been looking around to understand about redux thunk and found this video, thank you. Can you share the source?
could you please make a Big project using React with Redux like social media
Great Video