В каких случаях нужно использовать React.memo?

React.memo используется для оптимизации функциональных компонентов, предотвращая их повторный рендер, если пропсы не изменились.

Использовать React.memo стоит, когда:

• Компонент рендерится часто с одинаковыми пропсами.
• Рендер компонента дорогой по производительности.
• Родительский компонент часто обновляется, но дочерний не должен перерисовываться без необходимости.

Пример:

const MyComponent = React.memo(function MyComponent(props) {
  // компонент будет перерисовываться только если props изменятся
  return <div>{props.value}</div>;
});

Важно помнить, что React.memo делает поверхностное сравнение пропсов, поэтому для сложных объектов может потребоваться собственная функция сравнения.