Чем отличаются pure components от обычных компонентов?

В React, чистые компоненты (Pure components) — это компоненты, которые выполняют поверхностное сравнение пропсов и состояния, чтобы избежать лишних ререндеров. Это улучшает производительность, особенно в больших приложениях. Например, если пропсы компонента не изменились, чистый компонент не будет перерендериваться:

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

Обычные компоненты, такие как React.Component, не выполняют это сравнение и будут перерендериваться каждый раз, когда их родительский компонент рендерится, даже если пропсы не изменились. Чистые компоненты полезны, когда компоненты рендерят одни и те же данные снова и снова, поскольку они предотвращают ненужные обновления. Однако их следует использовать с осторожностью, так как поверхностное сравнение не учитывает вложенные объекты и массивы, что может привести к неправильному поведению.