Ajouter l'explorateur React.js à Chrome avec les outils de développement de React

Chaque développeur Web devrait déjà connaître l’incroyable Outils de développement Chrome. Cette fonctionnalité est construit directement dans Chrome et il permet aux développeurs inspecter les pages et modifier ou supprimer des éléments directement depuis le navigateur.

C'est incroyablement puissant et c'est le meilleur moyen de étudier les comportements de page telles que la latence, les ressources de page ou l'exécution de commandes de console.

L'équipe de Facebook a créé le React.js bibliothèque qui résume une couche pour les développeurs frontend à réutiliser certains éléments de l'interface utilisateur.

Et maintenant, avec Outils de développement React vous pouvez inspecter ces hiérarchies d'éléments et éditez-les directement sur la page.

C'est un extension totalement gratuite et son développé par les gens sur Facebook alors tu sais que c'est de bonne qualité.

Vous pouvez également étudier les différents états et les chemins des arbres d'objets y compris quels éléments sont au-dessus et au-dessous des autres éléments.

Dans la barre latérale, vous pouvez parcourir les accessoires et les états qui vous permettent d’étudier le comportement d’autres éléments de ce même arbre. C'est en fait un excellent plugin pour les nouveaux utilisateurs de React car cela peut les aider à mieux comprendre la bibliothèque.

Naturellement, cela inclut aussi les auditeurs d'événements cela pourrait changer l'état d'un composant donné. Et le chapelure au fond vous permet de parcourir facilement les éléments parent / enfant.

C'est loin d'être l'outil parfait de React. Mais cela facilitera beaucoup votre travail quand vous serez construire des applications dynamiques à partir de zéro.

Ses complètement open-source avec un dépôt officiel GitHub maintenu par Facebook et mis à jour fréquemment.

Vous pouvez installer cette extension Chrome pour toute version de Chrome. Ou si vous êtes un utilisateur de Firefox, vous pouvez Découvrez l'add-on FF qui prend en charge FireFox v38 et supérieur. Jusqu'à présent, je n'ai vu aucun support pour les utilisateurs de Safari / Opera, mais c'est une extension open source, donc cela pourrait arriver dans un avenir proche..