06 - What are React Hooks - An Introduction to React Hooks - Functional Components - ReactJS

So what are React Hooks? Let's learn its fundamentals so that you can understand the hooks like useState, useEffect, useContext and many others with ease.

Here is a short fundamental video tutorial to build the mindset in understanding React Hooks the best way!

All set? Let's go then...

Timecodes
0:00 - Introduction
01:04 - Fundamental of React Hooks
07:50 - React Hooks vs General JavaScript Utility Functions
08:36 - Our Plans for React Hooks
09:04 - React Functional Component Lifecycles
11:16 - Wrapping UP & What's Next?

Important Links mentioned in the video:

Other Links:

You can support my work by following me on the above platforms and/or sponsoring me using any of these links.

Many Thanks 🙏

[aswinisandilmedisetti]

React Hooks are basically functions which are used to handle the state and other side effects of the functional components in the React applications. They can be reused in other functional components reducing the complexity of logic and improving the code readability.Thank you for such an amazing playlist on react.

[kolbe]

Your channel is GOATED. Never stop making videos. Thanks a lot.

[stevenfleming]

The way you explain complex things in simple words is just tremendous. Thank you sir!!

[ayeshanaveed]

As per my understanding, React Hooks are just Javascript functions or separate functional components that are stateful so they handle all the data management and are reusable. So we use these hooks inside our stateless components or other components to make those "other components" as simple and minimal as possible and to avoid side effects because all the side effects are happening inside the hooks

[petyadimitrova]

I was able to understand that React hooks are simple functions that separate repeated parts of functionality in one moment of time from actual component code that is reused. It was explained very good. Thank you.

[IELTSInstructor-dc]

React hooks are simple plain functions that can be stateful and can manage the side effects! Thank you sir. You are an amazing teacher. I hate youtube for not showing your channel before. Lots of love from Pakistan😍

[shrilakshmishastry]

Tapas, your explanation makes the concepts more clear and helps to understand the topics in better way. Thank you so much 🙏

[aravindasokan]

after looking into Javascript fundaments playlist, i am here into React, great stuffs, thanks a lot!

[anandgarikapati]

React T-shirt is Crazy😀. Looking for more videos like this. great content.thank you

[sivaprasad]

Thank you sir, for your efforts to share the content and concepts in a simple understandable manner.
React hooks are the js functions that handle the stateful-ness behavior of react components, which are supposed be to maintained as pure functional components. In addition to that hooks also has the capability of getting interacted with react during component lifecycle methods.

[sublimeelectrons]

@tapas sir. Thank you so much. Very well explained again. You demystified React Hooks for me. Just letting you know that like your JavaScript series I am gonna finish this React Series. And I will be looking forward for your NextJs series by mid September.

[suma]

So good, looking forward to learning more. Thanks!

[lscodeschool]

Great explanation, really appreciate.

[cbabin]

Your are amazing at explaining concepts. I doubt if there is any one who doesn't get the concept clear watching your videos or reading your blogs. Great job 👍

[toshirohitsugaya]

Really improving video quality. Looking forward for useState() ❤️❤️

[willianandrade]

A react hook is a simple function that has access to deep react features (state, side effects, etc), which I can add to my components to separate concerns and maintain pure stateless components. This was my understanding, please correct me if I got something wrong!

[mdsumonh.shohan]

In my explanation React hook is a reuseable function that we use in react again and again. suppose, we made a component with some states, props, sideEffects and more we need it again and again in different places to use so that we need a reuseable something to not repeat it then we need a React hook for it. As we use JavaScript function for reuseibility. Thanks Tapash vai. Jehetu react jani age theke apnar ei English tin ta course amar English bojhar khetre onek help korlo khub fast Nextjs playlist e dekha hosse.

[Ayo-tbwr]

My definition of a hook: It is a function that possesses Reacts natural features that allow us to manage states how they change and ensure effective/efficient reusability.

[lindatochukwu]

Based on your article, React components re-render automatically, but if you
don't want all the components to re-render, React Hooks are used, so React Hooks are functions that stop some part of the react-component from re-rendering.
kindly peruse if I'm right or wrong

[lakshmankurla]

my understanding about react hooks :
they are normal functions that can be separated from a stateless component so that it can be a reusable component.apart from this they have stateful logic and sideeffects that is it can change the component state.