AccueilClientsExpertisesBlogOpen SourceContact

Bonne pratique

Utiliser la délégation d'évènements

Ce que dit le référentiel

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
Précédent
Bonne pratique suivante
Suivant
18 avenue Parmentier
75011 Paris
+33 1 43 57 39 11
hello@premieroctet.com

Suivez nos aventures

GitHub
X (Twitter)
Flux RSS

Naviguez à vue