React Classes To Hooks: Everything about useState + useEffect

In this video we cover:
0:00 What are the difference between a class based component and functional based component & what a class based component looks like
0:57 Replacing a class component structure with a functional one
5:00 How do lifecycle methods in class based components work
6:12 How does useEffect work
7:20 How to replace lifecycle methods like componentDidMount, componentDidUpdate, and componentWillUnmount with useEffect
12:30 Why React Hooks vs Class Components are better (specifically why componentDidUpdate is can be done BETTER by useEffect)

Follow me on Social Media:

[arindam]

Oh my God! I'm learning ReactJS from a Udemy Course, it was somewhat good so far, but everything messed up when he introduced useState and stuffs. Even the official doc doesn't have a proper beginner-friendly explanation for this. I didn't imagine I would stumble upon such a wonderful explanation. Thank you so much, man. You deserve more recognition.
Can't wait to explore other videos of your channel. Keep it up :D

[TheBibbster]

Great job man! We have been switching a lot of our code over to using hooks instead of classes at my job and I've been looking for someone to provide a nice quick and clean explanation. Glad I discovered your channel!

[ethanjohnsrud]

Thanks Man, finally a clear explanation of how hooks resemble classes!

[MyK]

You really deserve much more subscribers! I've been watching many hours of your react videos, like material UI. You might go fast and I cannot explain why but you make all cristal clear! Wish you made some full courses with real projects, your react for beginners is really great, I will recommand your channel anyway. Big thanks from France!

[VincentFulco]

Dude, love the work. You are killing me with the big right panel logo app and the tiny code example sub-screen on the left though.

[PoltergeistWZ]

Thanks! You made it much clearer than other yt videos

[pelinkayhan]

Finally I found it. Extremely clear and very good explanation. Thank you very much!

[willCrazy]

You did an excellent job explaining Hooks!

[FallingDreamFlowingSand]

Great video man, you explained hooks in a clear and concise way, you just got a new subscriber :)

[borasumer]

Best explanation of the useEffect hook. 👍

[beatrizalmeidapires]

Thank you Anthony! Great tutorials about React.

[rishi]

great videos man,
but how can we listen to the back button event and prevent it from happening

[saitejaballa]

Great explanation! It would be good of you have increased the text size:)

[xPanda]

Very clean explanation
Although I barely can see the code try cmd+(+) on vsCode next time
Thank you .
+sub

[DanielRios]

With Typescript, using class components, I can create Interfaces to props and states, with functions it is easy to use them with props, but what about states? How do I say the state should be type of an Interface?

[MGopinath]

12:52 Is the 3rd useEffect did unmount or will unmount?

[frank]

Do I need to learn class based components before hooks?

[rawan]

My neck hurt from watching you on the little screen lol, you need to set up better so you be more comfortable, I can tell that the microphone is in the way, maybe just move the computer screen a bit to your right so you can see it better 🌸

Also, great explanation, thank you ❤

Could you do stuff on react native and flutter, please? and maybe using material UI with react native.

[surij]

Please make a tutorial on Nextjs if you can. Thank You.

[bekesharcos]

Bro, next time u record a video i would suggest, not to devide the screen, for me in little screen its hard to read the code. Cheers!