Что такое React Reconciliation

React Reconciliation — это процесс, при котором React сравнивает предыдущее и новое состояние DOM, определяет различия и эффективно обновляет только изменённые части. Это позволяет избежать полного перерендера, оптимизируя производительность.

Как это работает:

1. React создает виртуальное DOM (VDOM) — легковесную копию реального DOM.
2. При изменении состояния React сравнивает новый VDOM с предыдущим (diffing-алгоритм).
3. Находит минимальный набор изменений (reconciliation) и применяет их к реальному DOM.

Пример:

function App() {
  const [count, setCount] = useState(0);
  return (
    <div>
      <button onClick={() => setCount(count + 1)}>Click</button>
      <p>Count: {count}</p>
    </div>
  );
}

При клике React обновит только текст Count: N, а не весь div.