ReactJs — Performance Optimization with React.memo

React.memo prevents a component from re-rendering unless its props have changed. This is useful for components that receive the same props frequently.

import React from 'react';

const Button = React.memo(({ onClick, label }) => {
  console.log('Rendering:', label);
  return <button onClick={onClick}>{label}</button>;
});

export default Button;