Redux Middleware/Async/Thunk: The complete Guide

  Рет қаралды 48,730

Sanjeev Thiyagarajan

Sanjeev Thiyagarajan

Күн бұрын

Пікірлер: 133
@andmoreagain
@andmoreagain 3 жыл бұрын
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
@tjldsl 4 жыл бұрын
This is the clearest explanation of this whole flow. Thank you so much!
@codyrap95
@codyrap95 3 жыл бұрын
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?
@DarkMetroid777
@DarkMetroid777 2 жыл бұрын
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!
@zahramirzaei3356
@zahramirzaei3356 2 жыл бұрын
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.
@ashishkpkpkp
@ashishkpkpkp 2 жыл бұрын
Only topic in react for which you will not find a good tutorial anywhere on KZbin 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..😄
@Harker911
@Harker911 3 жыл бұрын
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.
@arsyaswanth5
@arsyaswanth5 2 жыл бұрын
This is the best explanation I have seen on the whole internet for redux middleware. Detailed and clear!
@calsonsheng5612
@calsonsheng5612 2 жыл бұрын
you should have your own paid course, the content is pure gold and much better than any other provider I watched out there!
@mb3_media
@mb3_media 2 жыл бұрын
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!
@qcmira2024
@qcmira2024 2 жыл бұрын
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!
@JoakimTeixeira
@JoakimTeixeira 4 жыл бұрын
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!
@salmaankhan1814
@salmaankhan1814 3 жыл бұрын
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!
@amaanimtiyaz
@amaanimtiyaz 2 жыл бұрын
The only best Video on thunk Redux. Recommended.
@RanjeetKumar_23
@RanjeetKumar_23 2 жыл бұрын
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.
@mohakmaheshwari8756
@mohakmaheshwari8756 2 жыл бұрын
Learning Redux Is definitely incomplete without this video. Thank you so much. You earned a subscriber. ✨👏👏👏
@pradippandey2631
@pradippandey2631 2 жыл бұрын
Given your eloquent voice, Loved to watch this tutorial. Totally got the concept. You make it so straightforward and easy to understand.
@yaserhasan6004
@yaserhasan6004 3 жыл бұрын
this is the best explanation i could find on youtube for redux and redux-thunk, great tutorial thank you
@SH-lt2iv
@SH-lt2iv 4 жыл бұрын
Your teaching style is one of the best I've encountered.
@rumym7292
@rumym7292 3 жыл бұрын
This is the best explanation of Redux Middleware and asynchronous calls. Thank you!
@valencia375x
@valencia375x 3 жыл бұрын
Great video describing this topic! Lot's of videos here on KZbin are quite old and outdated and I'm glad to have found one that is up-to-date and useful :)
@aidanwalker7136
@aidanwalker7136 4 жыл бұрын
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 :)
@paulbuyswebdeveloper7402
@paulbuyswebdeveloper7402 3 жыл бұрын
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.
@devDive615
@devDive615 2 жыл бұрын
This is the best redux vidéo ever made
@mrFighter924
@mrFighter924 3 жыл бұрын
Best explanation on the web for redux-react thunk. Thank you so much!!! (Finally someone property explain this)
@ajayjayapalan1547
@ajayjayapalan1547 3 жыл бұрын
Trust me those aren't boring examples . ❤️. great content 💯
@prawarmundra4931
@prawarmundra4931 2 жыл бұрын
the explanation in this video is outstanding. clear and crisp knowledge of redux amazing. love to see more content from you
@h_nooh7390
@h_nooh7390 2 жыл бұрын
The best video I've seen for middleware, thanks a lot
@kokoyroy
@kokoyroy 2 жыл бұрын
the best explaination of middlewares out there ! thank you sooooooo much!!!!!
@beramaks
@beramaks 3 жыл бұрын
The best video on the topic! Perfect, clear, and all in one place. Thank you so much!!!
@juanpumpkinpie6550
@juanpumpkinpie6550 3 жыл бұрын
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!
@keshavjha9835
@keshavjha9835 3 жыл бұрын
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
@boopfer387
@boopfer387 3 жыл бұрын
Excellent excellent and excellent 5 stars Sanjeev!!!!
@rogerjackson5995
@rogerjackson5995 2 жыл бұрын
OMG !!! Amazing explanation. Really loved the way you create each video. 😍😍😍😍
@serhanguney492
@serhanguney492 3 жыл бұрын
I've set this as my morning alarm!
@shivrajnag12
@shivrajnag12 3 жыл бұрын
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
@SRAYOSHI 2 жыл бұрын
Thank u so much. Best tutorial in yt on redux middleware.
@ericholdridge4102
@ericholdridge4102 3 жыл бұрын
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.
@XiagraBalls
@XiagraBalls 2 жыл бұрын
I thunk this was an exceptional tutorial. Good job! 😀
@danieljing9319
@danieljing9319 4 жыл бұрын
explanation is really great and it's easy to understand what you are talking about, great stuff
@Manish-qd1sz
@Manish-qd1sz 3 жыл бұрын
really grateful I learned many things here. Please carry on with your good work. Thank you so much! 🙏
@abhiramchandran3983
@abhiramchandran3983 3 жыл бұрын
Finally found a great video with clear explanation, thank you
@riwjin
@riwjin 3 жыл бұрын
this is such a hidden gem. liked and subbed!
@emreaka3965
@emreaka3965 3 жыл бұрын
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. ^^
@chinonsondukwe7838
@chinonsondukwe7838 4 жыл бұрын
Now this makes sense!!! Thanks so much for this piece
@serhiikichuk
@serhiikichuk 10 ай бұрын
Thanks! The clearest explanation of fundamentals :D
@leehj0110
@leehj0110 2 жыл бұрын
best redux tutorial ever. 👍
@WhiteNuzzle11
@WhiteNuzzle11 4 жыл бұрын
Great and clear explanation, thanks. Keep on going friend. Cheer!
@marekszirdzins
@marekszirdzins 2 жыл бұрын
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.
@supplyuniquenotessun4562
@supplyuniquenotessun4562 3 жыл бұрын
awesome tutorial .. i admired your style so much .. perfect .. very perfect .. many thanks.
@143balug
@143balug 4 жыл бұрын
Detailed explanation of the complete flow, Thank you
@t.hanprab
@t.hanprab 4 жыл бұрын
Thank you! It's a hard concept but You can explain very clearly.
@letsinspire3673
@letsinspire3673 2 жыл бұрын
Awesome Video... cleared the whole concept. 🎉🎉🎉👍😊
@yolo48554
@yolo48554 4 жыл бұрын
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.
@CF-zz2gc
@CF-zz2gc 3 жыл бұрын
This is very helpful for start-ups, thank you so much!
@arindamchattopadhyay4272
@arindamchattopadhyay4272 Жыл бұрын
Superb.... Understood after having a lot of head-ache
@abhijeetbrahmbhatt8135
@abhijeetbrahmbhatt8135 4 жыл бұрын
Great explanation, thank you for the video! Keep up the good work.
@xiaoli3878
@xiaoli3878 4 жыл бұрын
You really did a great job! Very clear explanation!
@nelsonfrank
@nelsonfrank 3 жыл бұрын
This tutorial helped me make my job done, Thank you so much!
@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 ?
@malcommiya2823
@malcommiya2823 3 жыл бұрын
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?
@abekaid9527
@abekaid9527 3 жыл бұрын
What's the React extension snippets that you use?
@saurabhsalgaonkar2488
@saurabhsalgaonkar2488 2 жыл бұрын
Awesome explanation. Please make more deep react concept videos like this 👍
@aungmoethu1835
@aungmoethu1835 3 жыл бұрын
Thankyou so much. That helped me a lot to understand redux middleware.
@madhuvarun2790
@madhuvarun2790 2 жыл бұрын
awesome explanation. You earned a sub.
@shoukathennadesigns5135
@shoukathennadesigns5135 2 жыл бұрын
Outstanding content. You nailed it👍
@tridevthakur7711
@tridevthakur7711 Жыл бұрын
I was searching the same content.Thanks
@PWBastille
@PWBastille 3 жыл бұрын
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?
@sanskarkhare1599
@sanskarkhare1599 3 жыл бұрын
your explaination is great loved the video
@codemi6283
@codemi6283 3 жыл бұрын
he is a hero thank you bro for this great content
@dheerajs2838
@dheerajs2838 2 жыл бұрын
very good tutorial.. fantastic job man
@poojajethva
@poojajethva 3 жыл бұрын
Very helpful video .. easy explanation
@pranavbhagwat9758
@pranavbhagwat9758 4 жыл бұрын
Do you have a video to build a fully functional react redux ecommerce app.
@vasanthkumar-hf2nk
@vasanthkumar-hf2nk 3 жыл бұрын
Thanks dude, understood concepts clearly
@melaniesigrid8163
@melaniesigrid8163 2 жыл бұрын
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!
@danielgreen5803
@danielgreen5803 3 жыл бұрын
So if you need to pass that same data to other components? do you dispatch on every component? use connect?
@cebugdev
@cebugdev 3 жыл бұрын
ive been looking around to understand about redux thunk and found this video, thank you. Can you share the source?
@shopedevs
@shopedevs 3 жыл бұрын
Thank you very much for this nicely explained video :)
@codinginjs2178
@codinginjs2178 3 жыл бұрын
Can please one video on JWT or AUTH using reacts, the way you explain it seriously I understand it now for a long time...
@mhamzarajput
@mhamzarajput 3 жыл бұрын
perfect man (y) thanks for the such good content
@ankitchoudhary197
@ankitchoudhary197 3 жыл бұрын
Explained very nicely
@keerthanachar
@keerthanachar 2 жыл бұрын
Great explained ❤️
@prakartipanagaria8602
@prakartipanagaria8602 3 жыл бұрын
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 .
@jscrack8443
@jscrack8443 2 жыл бұрын
Superb video man.... :)
@bluesteel1
@bluesteel1 3 жыл бұрын
is zooming a paid feature on you OS? Edit: Very good content though
@SanghoBose5
@SanghoBose5 3 жыл бұрын
Amazing tutorial. Thank you.
@謝育能-s5s
@謝育能-s5s 2 жыл бұрын
Great course!Thanks
@joschaneske300
@joschaneske300 2 жыл бұрын
Great explanation, thank you
@willyhorizont8672
@willyhorizont8672 2 жыл бұрын
thank you this tutorial clearly helpful
@namesare4fools
@namesare4fools 3 жыл бұрын
man, this is the best, but yeah., the small mistake, forgot this and that is a bit annoying. but overall great tutorial!
@muhammedladeed2280
@muhammedladeed2280 3 жыл бұрын
awesome explanation bro
@TuanNguyen-ls6hm
@TuanNguyen-ls6hm 3 жыл бұрын
WOW, great tutorial, I make myself hit the like button and subscribe to your channel immediately
@yegorisakov289
@yegorisakov289 3 жыл бұрын
In that video at 17:04 you have incorrect code: const myLogger = (store) => { return (next) =>{ return (action) =>{ console.log("middleware run"); return next (action); }; }; }; return next(action); // gives an error: TypeError: next is not a function (anonymous function) C:/Users/yegor/Documents/VS_Projects/TESTapps/NodeJS/ReduxMiddlewareAsyncThunkThecompleteGuide/redux-middleware/src/index.js:12 9 | return (next) =>{ 10 | return (action) =>{ 11 | console.log("middleware run"); > 12 | return next(action); 13 | }; 14 | }; 15 | }; View compiled ▶ 2 stack frames were collapsed. Module. C:/Users/yegor/Documents/VS_Projects/TESTapps/NodeJS/ReduxMiddlewareAsyncThunkThecompleteGuide/redux-middleware/src/index.js:18 15 | }; 16 | 17 | > 18 | const store = createStore(counterReducer, applyMiddleware(myLogger())) 19 | 20 | ReactDOM.render( 21 | View compiled Module../src/index.js localhost:3000/static/js/main.chunk.js:381:30 __webpack_require__ should be: const myLogger = (store) => { return (next) =>{ return (action) =>{ console.log("middleware run"); return (action); }; }; };
@jrgunner10
@jrgunner10 2 жыл бұрын
Great explanation
@anupvarma3046
@anupvarma3046 2 жыл бұрын
One double here why shouldn't we write api calls in our component and instead move it in action creator?
@kurczak191
@kurczak191 3 жыл бұрын
Awesome job!
@gylych2638
@gylych2638 2 жыл бұрын
Great Video. It would be even better if you put the source code in order to revise what you covered.
@akshayhandgar9492
@akshayhandgar9492 2 жыл бұрын
any one tried this recent, bz at my side dispatch is not working after api call
@nagendrapp2213
@nagendrapp2213 4 жыл бұрын
could you please make a Big project using React with Redux like social media
@harishwarank6445
@harishwarank6445 2 жыл бұрын
Fantastic one.. can I get the code plz..
Redux for Beginners: 2hr Crash Course w/ Hooks
1:59:21
Sanjeev Thiyagarajan
Рет қаралды 16 М.
БУ, ИСПУГАЛСЯ?? #shorts
00:22
Паша Осадчий
Рет қаралды 3 МЛН
Smart Sigma Kid #funny #sigma
00:33
CRAZY GREAPA
Рет қаралды 10 МЛН
Увеличили моцареллу для @Lorenzo.bagnati
00:48
Кушать Хочу
Рет қаралды 8 МЛН
Redux Toolkit Tutorial - 24 - Async Thunks
13:39
Codevolution
Рет қаралды 75 М.
Async Thunks in React Redux Toolkit with TypeScript
12:36
Sakura Dev
Рет қаралды 20 М.
Redux Tutorial (with Redux Toolkit)
19:28
Net Ninja
Рет қаралды 349 М.
Mocking Asynchronous Functions with Jest
21:50
Swashbuckling with Code
Рет қаралды 72 М.
.NET and C# are in trouble. Here is what I'd do.
10:57
Ed Andersen
Рет қаралды 106 М.
React Redux (with Hooks) Crash Course
48:00
Laith Academy
Рет қаралды 210 М.
Redux - Complete Tutorial (with Redux Toolkit)
37:01
Cosden Solutions
Рет қаралды 243 М.
БУ, ИСПУГАЛСЯ?? #shorts
00:22
Паша Осадчий
Рет қаралды 3 МЛН