Hooks have been really gaining a lot of popularity from the first day of its release by the Facebook React team.

If you have any experience with class components then you can really understand how hooks make a React developer’s life easier. Lots of libraries like Vue, Svelte are adopting hooks to extends their features.

But on the other side, there is a lack of clarity about its uses. So, with the help of this article, I will try to make things easier to understand for you.

What are Hooks?

Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.

Contents

1. Basic Hooks

• useState
• useEffect
• useContext

2. Additional Hooks

• useReducer
• useCallback
• useMemo
• useRef
• useImperativeHandle
• useLayoutEffect

3. Custom Hooks

Let’s go through all these hooks one by one.

#reactjs #javascript #react #react-hooks