lucid für Google Chrome

Debuggen Sie React-Anwendungen mühelos.

Erkunde, debugge und verstehe deine React GraphQL Anwendungen einfach mit der Lucid Chrome-Erweiterung. Die intuitivste Art und Weise, um deine React-App, GraphQL-Schema und Abfragen und Mutationen zu visualisieren und zu erkunden, ist jetzt nur einen Klick entfernt.

Deine React-Anwendung kann mit Lucid analysiert werden, da es die React-App analysiert und einen interaktiven Baumgraphen erstellt, der die Komponentenhierarchie, Props und Zustand für jeden Knoten im Baum zeigt. Der Baum aktualisiert sich bei jeder Änderung des Benutzer-App-Zustands und zeigt eine Protokollierung von Zustandsänderungen auf der Seite.

Du kannst sogar das GraphQL-Schema und Abfragen für jede Komponente in deiner App analysieren, direkt neben den Komponenten deiner React-App.