React Hooks - Most Used Features

❗ IMPORTANT:

Use the special promo code "JSM_YT_SQUAD" on checkout to save $50!

In this video we will explore React Hooks. React hooks allow us to provide additional features to functional components. We'll dive into useState(), useEffect() and custom hooks in great detail. useState hook allows us to store state in a functional component and useEffect hook replaces almost all of the lifecycle methods that class based components have.

First we're going to go through the introductory concepts of React Hooks. Immediately after, we will dive deeper in Hooks and further improve our knowledge with not one, but two demo application projects we're going to refactor to use hooks.

GitHub links (feel free to give them a star ⭐):

[Aks-]

hands explain it very well....you earned a like and a subscriber!

[niekmollers]

Thanks a lot for your complete and clear explanation of the Hooks concept. Just one little addition: following me useResources is just a function, so React is not needed there.

[sahibsingh]

Seriously, You just explain this most difficult concept in a wonderful way, The you compare the application with and without the use of hooks, actually demonstrated a good example. Thank you very much, God Bless You.

[enduranceochonogor]

I must say you are awesome man. It's a talent. Some people are just born teachers. You make it look so easy.

[DeepakSingh-ijhi]

Great explanation, i was confused with useEffect hook, your video cleared it, thanks man!

[TheGeek]

Very interesting indeed. I've added just a little peace of code in App functional component to use "useEffect" to populate page on first rendering. Something like that:

useEffect( () => handleSubmit( "top views" ), [] );

Do you know a better way to handle this case? Not very experienced in React and very novice on Hooks.

By the way, I'm following your videos because are very instructive.
Keep Going!!!

[benoitl.]

thanks for this video, it helped me to see hook an easiest way as a new react developper

[aryanthakre]

U explained hooks like no one else did...a video on material UI would be great!!

[stanleyagwu]

Your videos has always been the missing link from other tutorials. Great contents, clear explanation. Thanks so much.

[brunamarques]

Thank you, I've learned so much in your channel. Please, do never stop to share your knowlege.

[Abdulwahab-zfyv]

Thanks, man you make my lockdown days something interesting and productive..!!

[abdulahad]

You just did what no one can. I finally understand Hooks <3 . Your videos are so simple and easy to understand.
Keep going!

[abhijithowal]

What a brilliant video.!! Thanks a lot.!! People like you make this world a better place.

[drakenxd]

fully understood hooks!! thanks
Going to be called as great Hooker!! XD

[moylababa]

Your explanation is very good and all time you make project based tutorial which make the things very clear. Hope you make more project in react.

[Anton-pzkd]

Great use of a custom hook. Thanks a lot !

[psathvik]

from where did you learned this stuff.. it's so perfect.

[jevo.belkin]

thank you very much! After this video, everything became clear!

[kbshegde]

Awesome tutorial ..please make more tutorial/projects on react

[benny.]

Excellent explanation, really great. And clearly said about the destructuring capabilities of useSate declaration. I just left curious on how is the first render mechanism propaged from parent component, whe useEffect, has the second array parameter, this because the inital value of the prop is set by the initiall state 'todos'...a like, and i hope to invite u a coffies in the future