Что такое Pure Component в React?

Pure Component в React — это компонент, который реализует поверхностное сравнение пропсов и состояния, чтобы избежать ненужных повторных рендеров.

В отличие от обычного компонента, который перерисовывается при любом обновлении, Pure Component автоматически проверяет, изменились ли пропсы или состояние с помощью shallow comparison. Если нет изменений, рендер не вызывается.

Это повышает производительность, особенно в больших приложениях.

Пример использования PureComponent:

import React, { PureComponent } from 'react';

class MyComponent extends PureComponent {
  render() {
    return <div>{this.props.text}</div>;
  }
}

Здесь, если this.props.text не изменится (по ссылке и значению), компонент не будет перерисован.

Для функциональных компонентов аналогом является React.memo, который оборачивает компонент и делает похожую оптимизацию.