List all the hooks available in react js and provide brief definition for each

Q: List all the hooks available in react js and provide brief definition for each

useState: to add and manage state to functional components useReducer: to add and manage complex state useEffect: to execute side effects during rendering and hooking into lifecycle hooks useMemo: to memoise the output of a function useCallback: to memoise a function declaration when a function is passed to children components that are memoised. useContext: to access context object useLayoutEffect: synchronously useEffect useRef: to access and manipulate DOM and store values that do not cause rerender on updates. use useDebugValue useId useDeferredValue useTransition useSyncExternalStore useInsertionEffect useImperativeHandle

Difficulty: 6/10

React Hooks, State Management, Performance

It is a lightweight in-memory representation of the actual DOM to track changes in the UI and efficiently update the real DOM when necessary.

1
useState: to add and manage state to functional components
2
useReducer: to add and manage complex state
3
useEffect: to execute side effects during rendering and hooking into lifecycle hooks
4
useMemo: to memoise the output of a function
5
useCallback: to memoise a function declaration when a function is passed to children components that are memoised.
6
useContext: to access context object
7

Scenario Questions

0-2 years experience

Follow-up Questions