⚛️ ReactJS – Memo

What is React.memo()? Why we use it?

React.memo() is a higher-order component (HOC) that helps in performance optimization. It prevents unnecessary re-rendering of a component if its props have not changed. This is useful when dealing with components that render frequently.

When state updates, all child components re-render, even if their props did not change.

This causes unnecessary re-renders and affects performance.

By wrapping the component with React.memo(), React will skip rendering the component if props do not change.

This improves efficiency by avoiding unnecessary re-renders.