ReactJS Course [6] - Component Lifecycle | UseEffect Tutorial

React Beginner to Advanced Course 2022! In this course I will be going over everything you need to know to go from a complete beginner in react, to being able to create big projects on your own.

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

*EPISODE 6 TIMESTAMPS*

00:00 | Intro
01:08 | Component Lifecycles
06:29 | useEffect Hook
07:34 | How to use the useEffect hook
15:35 | React StrictMode

Tags:
- ReactJS Tutorial
- ReactJS Course
- React Course

#reactjs #course

[thark]

Best video I have watched on the useEffect hook.. i knew about triggering it in mounting and updating, but had no idea you could trigger it on unmount! Thank you!

[ProwlerDigital]

Pedro, I have never fully understood the useEffect and your explanation of WHY things happen helped
Me a ton. I’m about to watch a ton of your videos. Thank you!!!

[RedHand]

Hi, Pedro, I just want to thank you for this simple and very useful tutorial. Here is little update - we can change text inside the button, depending on hiding or showing text field:
const [btnText, setBtnText] = useState('Show Text');
<button setBtnText((showText) ? 'Show Text' : 'Hide Text')}}>{btnText}</button>

[rajat_]

It is the best video which taught me about useEffect.

[aabhasjain]

Thank you so much Pedro for everything. There is no doubt that you are the best trainer. ❤❤

[akshaydarade]

Cool...
you are putting lot more time and effort as you can do as possible for every video. good job pedro

[maheshsale]

Best ever explanation available on YouTube. Thank you Pedro.

[ahmedolukorede]

This is the best video of useEffect I've watched. Nice one!👏 I'd love something like this for useReducer, it still sounds like Greek to me.

Besides, you wanted to link a video about another YouTuber. Can't find it in the description.

[emmanueleban]

fully got a good grasp of useEffect better with this video

[kaushikkundu]

Got recommended this channel from a discord server. First time very glad for using discord 👀🔥

[randerins]

Looking forward to seeing more examples of useEffect on the next vid!

[Nathan-vf]

By the way your the first to explain how this works, helps a lot, keep it up man!

[hashira_d]

Thank you! I finnaly got a gem across React tutorials ❤

[arzooqadri]

out of all react course, i prefer urs, im watching all vedios second timee, and lookin forward for new ones, thank you so much !!!

[alexcoroza]

I finally understand this useEffect thanks to to this well-explained and well-prepared course.
Doing Angular for 9 years(including AngularJS) and also some side projects using React in the past using class based component, i found this useEffect very confusing.
The name "useEffect" doesnt make sense when you read it. Unlike in class based where you have componentDidUpdate, componentDidMount, etc, (ngOnChanges and ngOninit for Angular) where you already know what it does at first glance.
It seems like the react team cramped all these functionalities into a single hook and cannot think of a better name then settled to just "useEffect" haha.
I dont even get why the react team is moving away from classes and embracing the function approach, but going through this course, I am finding this new way of developing React apps interesting as it make things simple.
Right now I am getting hooked to learn about this "hooks" concept

[Kal-El-gmpc]

Yo. Webdev simplified can't explain this simple fr 🙏.

[AnilKumar-xvos]

Nice video on useEffect. I will wait for next video just to get more clearity on "UNMOUNT".

[danchuksn]

Finally!!!... The long awaited video arrived...

[geninhoo]

Pedrooo! Muito obrigado por esse curso maravilhoso, super objetivo, conciso, direto ao ponto e entrega o que promete! Manoooo, seu inglês é rs! Podia também contar mais como que você aprendeu e chegou nesse nível! Obrigado novamente!

[Hminko]

Thank you for your tutorial Pedro! YOu helped me a lot with useEffect to understand it properly, especially, you helped me understand and solve memory leak in my project