React Hooks
React Hooks
# What is React Hooks?
Even a few days ago, if React.js was a functional add-on only through class-based components. But since React 16.8 the functional components have started using some of their own Hooks and this has made React very easy to manage.
# What we can do using React Hooks?
~ the functional component state can be managed
~ The side effect can be managed
~ You can work with context
~ the ref can be worked with,
~ You can work with a call-back
~ memo can be done
# Rules for using React Hooks
There are two rules for using React Hooks
i) No function hooks can be used
ii) React Hooks will have multiple functions but not all functions React Hooks can be used, only react component and custom component React Hooks can be used.
# React Hooks API Reference
React Hooks API references are generally of two types
i) Basic Hooks
ii) Additional Hooks
i) Basic Hooks এর মধ্যে রয়েছে
- useState
- useEffect
- useContext
ii) Additional Hooks এর মধ্যে রয়েছে
- useReducer
- useCallback
- useMemo
- useRef
- useImperativeHandle
- useLayoutEffect
- useDebugValue
# useState Hooks
The function of holding the state is to useState Hooks. UseState Hooks to hold any object, primitive value, array.
# useEffect Hooks
UseEffect Hooks to manage JSON data or any other data from API.
# useContext Hooks
useContext Hooks, a function of the global data store, is a component of the data store that houses the parent component and can pass all types of child component data.
# useReducer Hooks
It works a bit like redux, data can be stored through these hooks and can be used by receiving this data in different components as required.
# useCallback Hooks
These hooks are used for optimization. These useCallback Hooks work so that components are not updated
# useMemo Hooks
These hooks are used for optimization. This useMemo Hooks works so that the components are not updated
# useRef Hooks
useRef Hooks works with the concept of creating references. That is, useRef Hooks works on all types of concepts in react components.