Hooks

📄️ Rules of Hooks

1. Only Call hooks from a React Component Function

📄️ useState()

- useState is a Hook provided by React that allows you to add state to functional components.

📄️ useEffect()

perform Side Effect in React.

📄️ useReducer()

useReducer Hook is similar to the useState Hook.

📄️ useRef()

Hook allows you to persist values between renders.

📄️ useCallback()

- useCallback hook in React.js is used to memoize functions, preventing them from being recreated on every render.

📄️ React.memo() vs useMemo()

📄️ useLayoutEffect() & useID()

useLayoutEffect can hurt performance. Prefer useEffect when possible.