UseEffect React Hook Explained - React Lifecycle

UseEffect is one of the most Important React Hooks. Most people get confused when learning it, so I decided to make this video explaining everything. UseEffect was made to represent and control a react application lifecycle.
-
Please leave a comment on what topic you guys want me to cover next!
-
-
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags:
- UseEffect
- React Hooks
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

[antomac]

the amount of knowledge i have gained from this mans tutorials is ridiculous. Great explanation as always!

[kengfaihui]

This is gold. Just what I needed, many other courses out there are still teaching old stuff.. You explain really well too and give clear examples, keep doing what you're doing, you're a star.

[junjietan]

Perfect Explanation and i would says useEffect hooks are defnitely the simpler than component did mount and so on, thank you!

[falconeye]

Thank you so much for the video! Only after your explanation I finally got the main concept how useEffect works!

[AhmedMohamed-cfdd]

Thanks allot this makes allot of things very clear for me❤️

[purnimabaranwal]

You did a great job in explaining, really helped me in understanding useEffect() much better. Thank you Pedro!

[mj-lcdb]

5:20 lol u had to hit that hard 😂😂😂
just came here for a refresher.

[matusvranka]

I came here looking for copper and I found gold. Thanks for great explanation and for showing this hook with an API, although I've already learned the hard way :D

[dhananjayrathod]

Thanks a lot bro it was really an easy explanation

[donmikkodanm.olmillo]

Hi :) Thank you so much for the in depth explanation of useEffect hook, you're the only person I saw who really had a video about showcasing and tackling it as deep and useEffect really deserves a video like this especially for us beginners. I truly love your content and you're my go-to guy for additional resources. Kudos to you!

[TheNamesJT]

When you wrap your api calls in the useEffect, [] you have to have your props type array and then inside your jsx html element you have do this <Example propName{[currentState]} />

[aqibmehtab_]

Perfect tutorial to learn useEffect hook

[pavankumard]

Can someone explain why there were so many console.logs at 9:20, shouldn't there be only 2, once when the page has just rendered and the other when the promise is resolved and you update user??

[sandeep-]

Do you know how to open multiple modal in one page without closing modal... Please explain in video

[MrFyce]

How can i use this with axios to pull data from mysql and show it on the webpage when it is rendered instead of using const and a function to do a callback function on a button on click?

[pssp]

Hi Pedro, why does useEffect get called infinitely when we have setState inside of it? Whenever a state changes does the function as get run again? If that is the case then why isn’t there an infinite loop on a setState function that happens onClick

[Joe-odtd]

Hi, in the useEffect() I added foodList state to the bottom array so it would re-render the page upon state update. Is this the correct way to do this? Thanks

[michelgerges]

hello pedro awesome video but i have a question what are the use cases of the useEffect other than API calls?