lucid pour Google Chrome

Déboguer les applications React en toute simplicité

Explorer, déboguer et comprendre facilement vos applications React GraphQL avec l'extension Chrome Lucid. Le moyen le plus intuitif de visualiser et d'explorer votre app React, le schéma graphQL, ainsi que les requêtes et les mutations est maintenant à portée de clic.

Votre application React peut être analysée à l'aide de Lucid, car il analyse l'app react et crée un graphique en arbre interactif montrant la hiérarchie des composants, les props et l'état pour chaque nœud de l'arbre. L'arbre se met à jour à chaque changement d'état de l'app utilisateur et affiche un journal des changements d'état sur le côté.

Vous pouvez même analyser le schéma et les requêtes graphQL pour chaque composant de votre app, juste à côté des composants de votre react app.