React Developer Tools pour Google Chrome

React Developer Tools - Extension Nouvel onglet pour Chrome

pour Chrome vous permet de visualiser l'arbre des composants de l'élément sélectionné dans le navigateur.

En inspectant le code d'un composant React, vous pouvez apporter des modifications et voir les résultats dans le navigateur immédiatement.

Vous pouvez ajouter plusieurs éléments à l'arbre, afin d'inspecter la hiérarchie des composants pour chacun d'eux séparément.

Après avoir fini de modifier un composant, vous pouvez utiliser le fil d'Ariane pour naviguer dans les composants parents du composant.

Les outils du développeur React pour Chrome est également un profileur qui vous permet d'enregistrer des informations sur les performances d'un élément sélectionné et de visualiser ultérieurement les performances enregistrées.