Expliquez le Virtual DOM dans React.

Le DOM virtuel est une abstraction du DOM réel que React utilise pour optimiser les mises à jour de l'interface. Au lieu de modifier directement le DOM du navigateur, React met d'abord à jour la représentation virtuelle de l'arbre d'éléments en mémoire, la compare avec la version précédente (processus appelé "reconciliation") et calcule le minimum de changements nécessaires pour mettre à jour le DOM réel. Cela améliore la performance et réduit le nombre d'opérations coûteuses sur le DOM.

Exemple:

const element = <div>Hello, world!</div>;
// React crée un arbre virtuel d'éléments
// Lors d'une modification d'état, React mettra à jour le DOM virtuel,
// le comparera avec l'ancien et appliquera les changements minimaux au DOM réel.