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

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.

useState

It is the most common hook in react which creates the state variable in a functional component.

const [state, setState] = useState(initialState);

Note: If you pass a function as the initial value then react call it internally as you can see in code.

Now let’s see how to update the values