La délégation d’événements permet de ne pas surcharger la mémoire du navigateur en instanciant un seul écouteur pour plusieurs élé- ments du DOM (Document Object Model).

Le "Référentiel d'écoconception web (REW)" est publié par GreenIT.fr dans le cadre des travaux du Collectif conception numérique responsable selon les termes de la licence Creative Commons Attribution.

Plus d'informations sur collectif.greenit.fr et ecoconceptionweb.com.

Notre avis

React utilise de manière intrinsèque la délégation d'événements grâce à son système de gestion d'événements synthétiques. Cette approche inscrit un unique écouteur d'événements à la racine et délègue efficacement les événements aux composants enfants.

En réduisant le nombre d'écouteurs actifs, React optimise la mémoire du navigateur et améliore les performances globales du site. Ceci minimise l'empreinte environnementale en diminuant l'utilisation des ressources lors de l'interaction utilisateur.

Règle de validation

Le nombre d'écoutes (listeners) d'un même événement sur plusieurs éléments HTML, faisant partie d'un même groupe, sans utiliser la délégation d'événements doit être inférieur ou égal à 0

Ressources économisées

Processeur

Mémoire vive

Bonne pratique précédente

Bonne pratique suivante