La réconciliation est un processus dans Reactjs qui aide à apporter des améliorations à l’application en comparant l’arbre d’éléments actuels avec le nouvel arbre d’éléments et en mettant à jour seulement ce qui est nécessaire.
Voici comment cela fonctionne:
1. Quand un composant est mis à jour, Reactjs crée une nouvelle arbre virtuel. Ce nouvel arbre virtuel est une représentation de l’arbre de composants actualisé.
1. Ensuite, Reactjs compare cet arbre virtuel à l’ancien arbre (snapshot de l’ancien rendu).
1. Ce processus de comparaison est ce que l’on appelle la réconciliation. Pendant cette étape, Reactjs effectue une “différence” entre l’ancien arbre et le nouvel arbre et note toutes les modifications qui ont été effectuées.
1. Une fois que toutes les modifications ont été notées, Reactjs effectue ces modifications dans l’arbre de composants réel dans le navigateur (DOM). Cela est fait de manière optimisée pour minimiser les mises à jour du DOM, car c’est une opération coûteuse.
1. Finalement, le rendu sur le navigateur est mis à jour avec les nouvelles modifications.
L’objectif principal de la réconciliation est de permettre une mise à jour efficace de l’interface utilisateur avec un minimum de manipulations du DOM.
