useEffectEvent Is An Amazing New React Hook

Key Takeaways

imagine we have this code where I have a page component and every time the URL changes I just want to log out to the console that they have visited this URL this code works fine but what if I also want to log out the data associated with that URL I can add that line in like this and now every time my URL changes I'm logging the URL and the data but my use effect is throwing me some warnings saying hey I don't have all of my dependencies here so I would need to put that log visit dependency in which is this function and now I'm getting another error saying since this function is recreated every time my component runs I need to wrap it in something like a used callback but again that doesn't solve my problem because I only want to log out this information when my URL changes and not when my data changes this has been a problem in react for a long time which is why they introduced this experimental hook called the use effect event right now you must be on the experimental version of react to use it but this hook essentially allows you to get around this problem all you need to do is wrap your function in this hook and as you can see that's fixed our problem now if you want to learn more about this hook I have an entirely free react hook simplified course Linked In the description and the comments of this video