Why you should clean up react effects using fetch

This is just what I needed. Thank you.

I really think you should get into the habit of using guard clauses instead of these single line if/else statements.

really helpfull. thanks!!

very nice, keep up with the good work, we' learnin' here. :D

Thanks for showing us the proper way to handle this kind of situations 👍!
Some apps are infamous for doing it the lazy way, plus confusing their users with ambiguous messages like: "No connection!", when the user's connection is absolutely fine 😁.

I like these short informative videos

Hi reletivaly new to react, how do I do this when I call a function in useEffect that does the fetching for me? Don't I then have to pass the signal as an argument so I have an object reference to that abort controller? Also woudn't this be consider bad practice since the called function would then be impure?

AbortController is more reliable cause it prevents unnecessary fetching

It's very nice that
besides showing the code (even 2 or more alternative solutions of the same problem)
you tell us the reasons as well, the concept behind it, why are these good/bad practices,

we can learn a lot from you,
Thank You!!

This is something I needed and I didn't know I did.

Great! (video)

Man I could've used this video like 2 months ago, trying to find good info on this was annoying... great simple explanation.

useEffect is called after each render and when setState is used inside of it, it will cause the component to re-render which will call useEffect and so on and so on.

Would something like this work with React + Redux + Redux-Saga + Service layer (built on open-api generator) ?
In useEffect im dispatching action which go to saga => saga calls a service => service returns data and set them to ReduxStore

Something like i generate AxiosCancelationToken in UseEffect --> send it to saga -> map it to service.method({ options: { cancelationToken: tokenFromUseEffect }})

and then in cleanUp function in useffect i trigger cancelationToken (Axiox.CancelToken.source().cancel())

Is this correct way ?

Another great video.

We learning boys

Where can I find you classroom app

Firstly, I hit like and then start to watch

Good job babe!!!!!