В каких случаях происходит перерисовка (ре-рендер) компонента в React? Расскажите про reconciliation (согласование).

Перерисовка (ре-рендер) компонента в React происходит в следующих случаях:

• Изменение props компонента.
• Изменение состояния (state) компонента.
• Изменение контекста (context), если компонент его использует.
• Родительский компонент перерисовался, и React решает, нужно ли обновлять дочерний.

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

• Если элемент того же типа, React обновляет его props.
• Если элемент другого типа, React удаляет старый и создаёт новый.
• Ключи (key) помогают React эффективно сопоставлять элементы в списках.

Таким образом, React минимизирует количество операций с реальным DOM, что повышает производительность приложения.