Optimizing Performance with React.memo

Wrap components in React.memo to avoid unnecessary re-renders. 

function MyComponent(props) {
    // logic goes here
}

export default React.memo(MyComponent);

This will Prevent unnecessary re-renders using React.memo.

For More details check this blog.

You Might Also Like

Custom Hook : Simplify Code with Reusable Logic

Setting up a reusable data-fetching function to simplify API calls and state management. # State In...

Learn More
Using useMemo for Caching and Optimizing Performance

~~`useMemo`~~ is a React Hook that helps optimize performance by memoizing (caching) the result of a...

Learn More