¿Qué hace la reconciliation de React?
Opciones
- Compila JSX a WebAssembly para el navegador
- Compara el árbol antiguo y el nuevo y parchea el DOM (Opción correcta)
- Sincroniza el estado de los componentes con el servidor
- Guarda en caché las llamadas a API de los componentes
Respuesta
Compara el nuevo árbol de elementos con el anterior y aplica las mínimas actualizaciones al DOM
Por qué
Cambiar el DOM real es lento. Cuando cambia el estado, React construye una nueva descripción de la UI, la compara con la anterior ('diffing') y cambia solo las partes del DOM real que difieren.
Reglas: si cambia el tipo de un elemento (div → span), React reconstruye ese subárbol; en las listas, las keys identifican qué hijo es cuál.
Recuerda
Reconciliation = comparar UI antigua y nueva, actualizar solo los cambios.