Learn React #13 - Introduction to Redux Saga and getting data from APIs

[@dannyarcher6370]

Dude, I just want to say that you are an incredibly talented instructor.

[@secret786786]

One of the best guide to Redux-Saga.

[@XiagraBalls]

Possibly one of the best explainers I've come across yet. This actually might help me solve a headache I was having with complex state management issues this week.

[@ashwinireact]

❤best video, I wasted 2 days watching some dumb tutorial about redux-saga and never understood the flow. Now the flow of redux-action -> watcher saga -> handler function -> request function -> handler function -> yield put to reducers is clear. Thanks a ton, man!

[@judyl6325]

Hitting an API and walking through the redux saga flow was exactly what I needed, thank you for making this video!

[@kumailn7662]

your english your way of explaining all makes it so simple to understand

[@tyronemguni3895]

Underrated. Please don't stop, this is brilliant

[@stavan.sanghvi]

This tutorial of Redux Saga was what I needed! So clear explanation of the flow and the concepts. Thanks Man, Keep it Up!

[@kumailn7662]

correct

[@Jay-jo5dm]

This one was tough but it's just because I'm bad. Eventually got the idea after rewinding many times. Cheers Anthony

[@ucuphis]

I guess this is the most comprehensible redux-saga explanation I've ever seen, thanks man.

[@AnthonySistilli]

[@ansh_shah__16]

Perfect explanation of redux-saga concept with proper example. Thank you so much @ReactJS Hub👍

[@상훈정-n3k]

In my case, you are my best teacher ever. I liked your explanation and your videos about react and redux things. Thanks a lot

[@gerrybaird126]

This was great, I really enjoyed building the app to use the mock API. I find that understanding the material becomes so much easier if you code along or copy from the code sandbox into your own working code. Tracing the flow of execution from the initial action through the reducer/saga/handler/request helps make the concepts much clearer. Thank you!

[@wishmeheaven]

Thank you for everything. Nothing is being taken for granted, And I wish you'll keep uploading much much more content. With that being said, 28:36 - most of the time your explanations are clear, but.. What does it mean: "YOU CAN go ahead to add that to the useEffect" ? Or "YOU MUST"? 28:40 - "It is not going to make a difference because this dispatch is not going to change any time soon" - Mmm... What?! Is that a valid reason to add dependency? -What a vague explanation. AND WHEN it will change, it will get updated and trigger an infinite loop?? - no? why not? Other than that, another great tutorial.. (..although you were mentioned the word "Channel" in the cotext of Saga without going any further, and I hope the following videos will include this topic..)

[@rajkumar-oy3ni]

I watched lot of videos to understand Redux saga concept but did not get it, your videos are excellent and I got clear understanding on this and also I like the way you explain

[@Vasko10100]

Please, just please, do not stop with these tutorials about React!!. As i said before, THIS IS PURE GOLD! Do you have any paid content so i can buy and support you ?

[@AnthonySistilli]

Thank you so much! Glad you like the tutorials :) I don't have any paid content haha! Just a like and a comment is good enough for me

[@franciscocabello3214]

@@AnthonySistilli You should have like a voluntary contribution section

[@25decastro]

Your explanation of how redux-saga is crystal clear. Thank you!

[@NandiOnTheWheels]

one of the best video now i found on saga on youtube

[@ant-dep]

Just thank you for this value and this clear explanation of what Saga is and how we can set it up !

[@flynn_coder]

Anthony can not thank you enough for making everything so easy to follow and apply, thanks man.

[@azzazkhansiddiqui]

Thank you soooooo much! You cleared my concept and now I'm longer afraid of the saga and also thanks for the DUCK pattern it made things a lot easier. Thanks again for saving my day.

[@TwistedFate123]

Everyone should watch this guy's videos! Its so easy to understand for beginners

[@TheBhumbak]

i love whole playlist but this become really complicated here, went over my head

[@hollyho6003]

Glad i'm not the only one...this video was super confusing to me but the other videos made sense to me

[@ashwanidwivedi1832]

good explanation of react redux saga And in the end your way of explaining the complete code in seconds was simply amazing

[@dupre7416]

This is a great video Anthony. It's a few years old but it's still helpful.

[@michaeltrevino4425]

Thank you for the tutorials, I teach and I needed to make sure that I understood everything again before I taught it (I forget many things so I have to make sure I am up to it date) and this was the perfect refresher! I should just refer my students to this channel instead lol.

[@avranju9714]

Thank you, this is the best saga video anywhere.

[@ozanulutas3334]

Thank you. Very beginner friendly and clear explanation.

[@sarthakshah2236]

big thanks brother...very nice tutorial...please make a video on mobx react with typescript

[@CorentinDesfarges]

Certainly the very best video I've ever seen about redux stuff. Thank you very much :)

[@DebjitMajumdar]

It pains me to tell you Anthony that the video was complicated. It felt like I am repeating steps. Its a contructive criticism, and I feel I need to learn more and come back to this video.

[@vamshidharrentala5134]

Thank you so much Anthony Sistilli,This tutorial made my day.

[@saharebrahimi7322]

That is actually all I need to know about saga. that was great, you are the best!

[@milad8436]

This channel helped me a lot solving problems which were in my mind. Thank you so much bro

[@isaac-izo-alwar7167]

Top Marks !!!, best sagas video anywhere online IMO !!!

[@sebastianbaciu1366]

This was a really good explanation. Thank you for the informations

[@AmitK]

I really enjoyed your previous video (#12) on redux with duck pattern , however, it was more easier to understand react saga if you would have tried duck pattern with redux-saga too , I did not follow your pattern (splitting in many files), first I simply put whole things like handler , watcher everything into configurestore file and later moved into one file only , then it became much easier to me.

[@MuhammadBilal-hq3xn]

You are love understand saga for the first time ♥️

[@dhunsworth]

Super helpful! Great explanations on the takeEvery, takeLatest etc...Thanks!

[@joeygarcia7826]

If I could give Anthony a standing ovation, I would!

[@lightbinger]

could you?

[@baremetals]

this is exactly what I needed you are legend my guy!!!!!

[@Oops-404]

This was great and helpful 😍, Keep going bro Thanks

[@sadhucat4476]

I would really appreciate a video which shows how saga simplifies things over axios or other methods. I take in faith that there is some point, but all I can see at present are overcomplications and redundancies. Redux itself serves a valuable purpose, but similarly I still don't understand the reasons for what seems to me an overcomplicated structure.

[@isaac-izo-alwar7167]

It's always your choice as a developer, how to write your code.

[@brodiejake2149]

you all prolly dont care at all but does any of you know a tool to log back into an Instagram account? I stupidly forgot the login password. I love any assistance you can offer me.

[@kaleljon3439]

@Brodie Jake instablaster =)

[@brodiejake2149]

@Kalel Jon I really appreciate your reply. I found the site on google and I'm in the hacking process atm. Looks like it's gonna take a while so I will get back to you later with my results.

[@brodiejake2149]

@Kalel Jon It worked and I actually got access to my account again. I'm so happy! Thanks so much you really help me out!

[@fatboy2193]

Another amazing video. Thank you Anthony and keep up the good work!!!

[@ahmedtohamy3258]

Hi buddy, please don't take my comment as a negative comment, I like your videos and you really simplify a lot of things, but i did the same same thing exactly using CONTEXT API in just few lines of code! why we really need to use Redux-Saga ? your answer will be so helpful to highlight the importance or the best use cases for each tool. I'm not against Redux, but i'm against the unneeded complicity, did you get my point ?

[@ahmedtohamy3258]

Thanks buddy , but i'm Still waiting your answer about my question , your opinion is so important for me :)

[@AnthonySistilli]

Great question! The context api is a very useful tool, and I would suggest using it whenever possible! Redux + Redux saga is more meant for bigger applications, ones where you're making over 20 API calls to different endpoints, and you're keeping a ton of data in different reducers. Overall, it's an architecture meant for bigger enterprise applications, where react's context gets too cluttered and disorganized to handle.

[@ahmedtohamy3258]

@@AnthonySistilli Thanks Buddy, i heard also that Context API effects the performance, is this true ?

[@terencetcf]

tbh... all these redux solutions (saga, thunk, observable) were very useful during the earlier days before async/await and React Hook were introduced. Then things become simpler later on after more and more hooks introduced. And the introduction of ContextAPI give us another choice of managing state in your application, which you can organise your code base in a way cleaner (less boilerplate code), though that doesn't mean it will replace redux.

[@saipavanreddy5272]

Thanks a lot , the video was really great and your explanation is so clear.

[@bendan7ful]

I really enjoyed watching this video, thanks

[@12345charliebrown]

So to break it down Saga is a middleware that handles async data before storing state into the redux store. I'm still trying to get my head around reducers. I'm guessing I should jump to #16 as it includes the latest Redux toolkit. I'm determined to learn this even on Christmas Day!! Edit: this tutorial is outdated. Thunk is included with RTK. Still following along though and see if I can add all this into RTK instead

[@gabitavaresoie]

Hello Anthony! This video helped me a lot, thank you! ☺️

[@Velaldo-nw7ve]

Wow!. You explained it really well, Thanks.

[@eliiehachem7010]

nice informative video man I only understood it from your video so far ^^

[@aitfrihaZaid]

thanks for this explanation. i have only one question in the generator function after the first yield finished who made .next() to your function to resum the work ? because there an other yield for put. thanks so mutch

[@jaroslavgrejtak2484]

Really good job, Anthony! Thanks!

[@shoebjoarder]

damn just finished the video and now i have to wait for next week again...

[@jimmysweeney7425]

exactly what I needed. Thank you so much

[@samspade6709]

Great video Anthony. It was really helpful. Thanks a lot.

[@igniz87]

Thanks for this A+ Tutorial on Redux Saga

[@DanielNistrean]

I'd suggest having different names for js files, like userRequest, userHandler. In a big project with a more complex file structure having files with the same name will get confusing fast.

[@RakeshKumar-zj4hu]

Hey Antony, I’m using redux tool kit, and as you already know it uses thunk. I know you advocate saga, but can you tell me what sagas brings more to the table? Or will I be good to go with think.

[@RakeshKumar-zj4hu]

And of course I miss your course, today is learning day, Monday.

[@sergiob3698]

Hi Anthony very clear. I got a question for you, it looks very powerful but also more complicated, I understand that Redux simplifies the state management, but could we fetch data directly from the UI Component instead of adding Redux Saga? if so, What´s the trade off?

[@AnthonySistilli]

Yes! Some of my videos on useEffect covers how to do that. The biggest drawback is in more complex application with data being shared through multiple components, it becomes hard to manage how they get stored in redux without redux saga. Also Redux Saga can handle many things like snackbars and dealing with 400 errors as well as successful calls in general.

[@sergiob3698]

@@AnthonySistilli OK, got it. Probably when working on more complex projects, makes sense the overhead. Thank you very much.

[@dawidgaleziewski3335]

amazing. You have a gift for explaining stuff. Thank you for this

[@roshansebastian1862]

Thank you, explained very well.

Man, I have watched a few other videos on sagas and I was dumber and dumber after each one. You nailed it though, great explaining skills, kudos!

[@octavian3033]

This is my first time hearing about redux saga and it does sound a bit complicated. Hoping I'll understand it better in time.

[@malamhari_]

Great explanations, thank you sir

[@gururajmoger8649]

Pls explain selector... Also pls make some task oriented tutorial.. so that everyone ll like to subscribe and u ll get more views for sure.. bcoz it helps a lot to employees to work on user stories.. no one channel is doing like this.. For ex- there is api based on node js. Companies ll tell to work on saga, selector, think, context api or whatever to complete the requirements..

[@nuzulazamzami2626]

great course, thanks man!

[@yassinerassy6840]

thank you so much for this amazing tutorial

[@albiummid]

Thank you so much for the tutorial.

[@juliasankevich3728]

Thank you! You actually helped me a lot

[@danmorettin]

Anthony your tutorials are great. Very helpful. Favor to ask though: can you do some videos on react testing? Say with mocha or jest.

[@shahzadasalman8461]

Thanks for the video mate 😊

[@user-mk8he1ex3m]

Amazing vid! Thanks so much!

[@evanfang6573]

Great tutorial, thanks!

[@hos7012]

@Anthony what theme you’re using , great font

[@ddikodroid]

thank you bro! your explanation is enlighten me

[@MrVishal5000]

Good job Anthony !!

[@cristian1868]

Hello, Anthony. Thanks so much for this tutorial and I have a question. When I'm incrementing / decrementing it's logging in the console that user object from the API call that we've made. Can you tell me why?

[@deepuabraham9043]

Thank you for the video !! It would be helpful if you can add some kind of animation to explain the redux saga flow...

[@shaikgouse339]

Thank you, The video is very helpful

[@NISHANTH1223]

Nice explanation in the video

[@TheHimu30]

Great explanation

[@zonsubba3654]

Thanks for your contribution.

[@sinagolestanirad2722]

great video BUT for learning purposes that would be much better if you had NOT put every file in separate folders and kinda do it the same way that saga does it in its document, this way when new students can see every related things all in one place they can absorb it faster, and THEN, of course, you can add another 5-10 minutes at the end and show how it could be done by separating folders and now students can learn the folder pattern as well,

[@maciekdzikdrums]

Super good buddy! Thank yOU !!!

[@avnishjayaswal]

Too Good thanks Anthony Sistilli

[@FreelancerGoranCirkovic]

Great video, thank you!

[@KamBha]

In the 31:30 mark you mention about creating a separate threads. I assume that this in reference to the browser creating a new thread for the ajax request and not that redux saga will actually create a new thread (ie use web workers)? I thought that multi threading is not something you can code in a browser unless you use web workers.

[@dasher964]

Dumbt it down pls

[@raj_gohil07]

Great video thanks.

[@armanalighanbari7002]

thanks for learninig redux saga

[@hos7012]

best explanation

[@alishahzil721]

Anthony can you help us to create Material-UI Open Drawer Underneath AppBar?

[@amitweiss3727]

Great bro! Thanks

[@mishsiwela1922]

Thanks Anthony!!!

[@maksymdudyk1718]

Awesome, thank you!

[@titiamin3155]

U made my day

[@janakarmuthuraj259]

It would be better if you can make a video explaining redux-toolkit.js with redux saga/ thunk middlewares.

[@eliagomez4832]

muy buen video! :)

[@sayeesreeram]

Great Video :)

[@kumailn7662]

superb!!