Как работает reconciliation в React?

Reconciliation — это алгоритм, которым React определяет, что изменилось в Virtual DOM и что нужно обновить в реальном DOM. React сравнивает новое дерево с предыдущим, используя эвристики: разные типы элементов — полная замена поддерева, одинаковые — обновление пропсов. Ключи (key) помогают React понять какие элементы в списке переместились, а не пересоздались. Без ключей React может неэффективно пересоздавать DOM-узлы.