Learn React JS Hooks | React Hooks Tutorial | React Hooks Explained | React Hooks for Beginners

This video is a complete React Hooks Crash Course for beginners in. React hooks are building blocks of function component. We will cover each react hook with detailed explanation and examples.

We will see how when we should use any react hook and when not. At last we will build a custom react hook.

🔥 Unacademy 👇
Use my code "dipesh01" to get 10% discount
You get all of this and much more for a nominal fee of Rs999/- for the entire year and with my code you get this for Rs 899!

🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:02:22 - useState
0:18:38 - useEffect
0:28:31 - useRef
0:38:33 - useMemo
0:49:16 - useCallback
0:58:56 - useContext
1:08:45 - useReducer
1:24:16 - Build Custom React Hook
1:36:47 - Outro

⭐️ Support my channel⭐️

🔗 Social Medias 🔗

⭐️ Hashtags ⭐️
#react #reacthooks #beginners #tutorial

Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

[iit_motivation]

Sir can you make a full playlist Or paid courses of react Js for beginner i am eagerly waiting .... Your teaching style is awesome sir..

[sumit]

Super bro!!! 5 stars for the content and the way you present with example.

[virajkoradia]

I have watch the some videos for the hooks but this video explaination beats everyone Thanks for the amazing content and i have understand the whole video❤❤❤🎉🎉🎉🎉

[shaikhsimran]

Hi dipesh,
I am following your react tutorials recently
It's amazing ..just wanted to say you could you pls make a video on new update of react it would be great .

[bidhanroy]

ur teaching style is awesome if possible to make another react-redux project video.

[dbiswas]

This is wonderful ❤, so many videos out there but no one teaches you the building blocks. Dipesh does it fantastic. Thanks for teaching the community.

[someone-on-earth]

1:30:53 we are in the what screen now ?, jokes aside, it was a great tutorial!!

[arshiyashaik]

Very well explained👏... Thnqq for ur understandable content..

[abhishekk]

Wow!! 👏 👏 👏 Thanks for a decent tutorial on hooks!

[mearn_ctaftsman]

Hello Dipesh,
Kindly let me know the headset name with model you weared on this video and it would be great where we can purchase that too.
🙏🙏🙏🙏🙏🙏🙏.

Your videos are very informative.

[shahhussain]

I am the first 😂😂 thanks a lot for this 🙏🏻

[unljiuv]

If you're giving an example of useReducer then why you are using useState hook in input element on change event? 1:19:00

[HimanshuKumar-hmwv]

Thankyu so much best tutorial on react hooks.

[DeepakGupta-pzfx]

When you upload React unit testing crash course ???

[pushkarkumar]

thankyou for such knowledge full content.

[sameeraggarwal]

in UseEffect hook, in case of class based component, I am getting output different from yours :

I am inside Did Mount
I am inside Did Unmount
I am inside Did Mount
I am inside Did Update (this repeats)...

below is the CComponent.js file :

import React, { Component } from 'react'

export default class CComponent extends Component {
state = {
message : "Class COmponent",
time: new Date().toString()
};

// whenever a component is mounted
componentDidMount() {
console.log("I am inside Did Mount");
this.interval = setInterval(this.showDate, 1000);
}

// whenever a component is updated
componentDidUpdate() {
console.log("I am from Did Update");
}

// whenever a component is destroyed
componentWillUnmount() {
console.log("I am from Will UnMount");

}

showDate = () => {
this.setState({time: new Date().toString() });
};

render() {
return (
<div>
{this.state.message}
<div>{this.state.time}</div>
</div>
)
}
}

Can anyone help me out Why I am getting different output ?

[nikhil_squats]

Can you make video on connect frontend to backend, using express node Mongo react

[trishulnaik]

Sir can you make a full course based on your roadmap. A complete react bundle. ❤️ Your videos

[malikehsan]

Very nice and simple explanation of hooks. Keep sharing the knowledge, and keep growing. Thanx.

[ShahidAnsari-sofl]

that's amazing I really like it.
That will be great if you give notes on whatever you teach in this class.