Redux Middleware/Async/Thunk: The complete Guide
HTML-код
- Опубликовано: 28 июл 2024
- 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 
Наука
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!
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.
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!
Did you get the job man?
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!
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.
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 :)
Your teaching style is one of the best I've encountered.
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!
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!
The best video on the topic! Perfect, clear, and all in one place. Thank you so much!!!
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!
This is the best explanation I have seen on the whole internet for redux middleware. Detailed and clear!
Only topic in react for which you will not find a good tutorial anywhere on RUclips 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..😄
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.
Great video describing this topic! Lot's of videos here on RUclips 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 could find on youtube for redux and redux-thunk,
great tutorial thank you
Given your eloquent voice, Loved to watch this tutorial. Totally got the concept. You make it so straightforward and easy to understand.
This is the best explanation of Redux Middleware and asynchronous calls. Thank you!
Best explanation on the web for redux-react thunk. Thank you so much!!! (Finally someone property explain this)
Learning Redux Is definitely incomplete without this video. Thank you so much.
You earned a subscriber. ✨👏👏👏
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.
OMG !!! Amazing explanation. Really loved the way you create each video. 😍😍😍😍
The only best Video on thunk Redux. Recommended.
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 best video I've seen for middleware, thanks a lot
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
the best explaination of middlewares out there ! thank you sooooooo much!!!!!
explanation is really great and it's easy to understand what you are talking about, great stuff
Finally found a great video with clear explanation, thank you
Now this makes sense!!! Thanks so much for this piece
you should have your own paid course, the content is pure gold and much better than any other provider I watched out there!
really grateful I learned many things here.
Please carry on with your good work.
Thank you so much! 🙏
You really did a great job! Very clear explanation!
Detailed explanation of the complete flow, Thank you
Thank u so much. Best tutorial in yt on redux middleware.
Great explanation, thank you for the video! Keep up the good work.
I thunk this was an exceptional tutorial. Good job! 😀
This tutorial helped me make my job done, Thank you so much!
This is very helpful for start-ups, thank you so much!
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.
awesome tutorial .. i admired your style so much .. perfect .. very perfect .. many thanks.
Trust me those aren't boring examples . ❤️. great content 💯
this is such a hidden gem. liked and subbed!
Thanks! The clearest explanation of fundamentals :D
Great and clear explanation, thanks. Keep on going friend. Cheer!
I've set this as my morning alarm!
Thank you! It's a hard concept but You can explain very clearly.
This is the best redux vidéo ever made
Awesome Video... cleared the whole concept. 🎉🎉🎉👍😊
your explaination is great
loved the video
Outstanding content. You nailed it👍
Thankyou so much. That helped me a lot to understand redux middleware.
very good tutorial.. fantastic job man
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.
best redux tutorial ever. 👍
Thanks dude, understood concepts clearly
awesome explanation. You earned a sub.
Very helpful video .. easy explanation
Superb.... Understood after having a lot of head-ache
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!
Thank you very much for this nicely explained video :)
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.
he is a hero
thank you bro for this great content
Amazing tutorial. Thank you.
thank you this tutorial clearly helpful
Explained very nicely
I was searching the same content.Thanks
Great explanation, thank you
Great course!Thanks
Great explained ❤️
Awesome explanation. Please make more deep react concept videos like this 👍
perfect man (y) thanks for the such good content
Superb video man.... :)
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.
awesome explanation bro
It's a realy nice video. Ty
Great explanation
Awesome job!
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 ?
Amazing video
Nicely explained.
Are u malayali??
Do you have a video to build a fully functional react redux ecommerce app.
Great Video
WOW, great tutorial, I make myself hit the like button and subscribe to your channel immediately
pretty nice tutorial.
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!
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?
Thank you so much
Can please one video on JWT or AUTH using reacts, the way you explain it seriously I understand it now for a long time...
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?
What's the React extension snippets that you use?
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 .
Amazing!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
ive been looking around to understand about redux thunk and found this video, thank you.
Can you share the source?
Awesome Tutorials +++++++++++++++++++++ Thank You
So if you need to pass that same data to other components? do you dispatch on every component? use connect?
thanks alot man