Ne pas faire de modification du DOM lorsqu’on le traverse

Ce que dit le référentiel

Modifier le DOM (Document Object Model) lorsqu’on le traverse peut engendrer des situations où la boucle devient très gourmande en ressources, notamment en cycles CPU. En effet, si on y ajoute des éléments en le traversant, il est possible de générer une boucle infinie qui consommera une grande quantité de ressources. Ce genre de modification est donc fortement déconseillée.

Notre avis

Utiliser React permet d'éviter les modifications directes du DOM grâce à l'utilisation du Virtual DOM. Lorsqu'une modification est nécessaire, elle n'est appliquée qu'à une version virtuelle du DOM stockée en mémoire. Cela réduit les cycles CPU puisque les changements sont d'abord calculés en mémoire avant d'être appliqués.

Lorsque le Virtual DOM détecte une différence, il met à jour le DOM réel de manière optimisée et minimale. Cela élimine les risques de boucles infinies et de traversée gourmande en ressources, réduisant ainsi l'empreinte environnementale de vos applications web.