Fügen Sie den React.js Explorer zu Chrome mit den React Developer Tools hinzu

Jeder Webentwickler sollte bereits über das Erstaunliche Bescheid wissen Chrome-Entwicklertools. Diese Funktion ist direkt in Chrome eingebaut und es erlaubt Entwicklern Seiten inspizieren und Elemente bearbeiten oder entfernen direkt aus dem Browser.

Es ist unglaublich mächtig und der beste Weg dazu Verhalten der Lernseite B. Latenz, Seitenressourcen oder Konsolenbefehle ausführen.

Das Team von Facebook hat die React.js Bibliothek, die eine Ebene für Frontend-Entwickler abstrahiert bestimmte Elemente der Benutzeroberfläche wiederverwenden.

Und jetzt mit Entwickler-Tools reagieren Sie können Überprüfen Sie diese Elementhierarchien und Bearbeiten Sie sie direkt auf der Seite.

Das ist ein völlig kostenlose Erweiterung und sein entwickelt von den Leuten bei Facebook Sie wissen also, dass es von guter Qualität ist.

Du kannst auch studiere die verschiedenen Zustände und die Pfade von Objektbäumen einschließlich, welche Elemente über und unter anderen Elementen liegen.

In der Seitenleiste können Sie Stöbern Sie in Requisiten und Staaten So können Sie das Verhalten anderer Elemente in demselben Baum untersuchen. Das ist eigentlich ein tolles Plugin für neuere React-Benutzer weil es ihnen helfen kann, die Bibliothek besser zu verstehen.

Dazu gehört natürlich auch Event-Hörer Dies könnte den Status einer bestimmten Komponente ändern. Und das Brotkrumen am Boden Lassen Sie die Eltern- / Kind-Elemente problemlos durchgehen.

Dies ist weit von dem perfekten React-Tool entfernt. Aber es macht Ihren Job viel einfacher, wenn Sie sind Erstellen dynamischer Anwendungen von Grund auf.

Es ist vollständig aus einer Quelle mit einem offiziellen GitHub-Repo, das von Facebook gepflegt und regelmäßig aktualisiert wird.

Sie können diese Chrome-Erweiterung installieren für jede Version von Chrome. Oder wenn Sie ein Firefox-Benutzer sind, können Sie Schauen Sie sich das FF-Add-On an die FireFox v38 und höher unterstützt. Bisher habe ich keine Unterstützung für Safari / Opera-Benutzer gesehen, aber es handelt sich um eine Open Source-Erweiterung. Dies könnte in naher Zukunft kommen.