de.hideout-lastation.com
Paradies Für Designer Und Entwickler


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

Jeder Webentwickler sollte bereits von den fantastischen Chrome-Entwicklertools wissen. Diese Funktion ist direkt in Chrome integriert und ermöglicht es Entwicklern , Seiten zu prüfen und Elemente direkt im Browser zu bearbeiten oder zu entfernen .

Es ist unglaublich leistungsfähig und bietet die beste Möglichkeit, Seitenverhalten wie Latenz, Seitenressourcen oder das Ausführen von Konsolenbefehlen zu untersuchen.

Das Facebook-Team hat die React.js- Bibliothek erstellt, die eine Ebene für Frontend-Entwickler abstrahiert, um bestimmte UI-Elemente wiederzuverwenden .

Mit den React Developer Tools können Sie nun diese Elementhierarchien überprüfen und direkt auf der Seite bearbeiten .

Dies ist eine völlig kostenlose Erweiterung und es wurde von den Leuten bei Facebook entwickelt, so dass Sie wissen, dass es eine gute Qualität ist.

Sie können auch die verschiedenen Zustände und die Pfade von Objektbäumen untersuchen, einschließlich der Elemente, die über und unter anderen Elementen liegen.

In der Seitenleiste können Sie Requisiten und Zustände durchsuchen, mit denen Sie das Verhalten anderer Elemente in derselben Baumstruktur untersuchen können. Dies ist ein großartiges Plugin für neuere React-Benutzer, da es ihnen helfen kann, mehr über die Bibliothek zu erfahren.

Dies schließt natürlich auch Event-Listener ein, die den Zustand einer bestimmten Komponente ändern können. Und die Paniermehle unten lassen dich leicht durch die Eltern / Kind-Elemente gleiten.

Dies ist bei weitem nicht das perfekte React-Tool. Aber es wird Ihre Arbeit viel einfacher machen, wenn Sie dynamische Anwendungen von Grund auf erstellen .

Es ist komplett Open-Source mit einem offiziellen GitHub Repo von Facebook gepflegt und häufig aktualisiert.

Sie können diese Chrome-Erweiterung für jede Chrome-Version installieren. Oder wenn Sie ein Firefox-Benutzer sind, können Sie das FF-Add-on auschecken, das FireFox v38 und höher unterstützt. Bisher habe ich keine Unterstützung für Safari / Opera-Benutzer gesehen, aber es ist eine Open-Source-Erweiterung, so dass dies in naher Zukunft kommen könnte.

10 kostenlose Sketch-Plugins für Web-Entwickler

10 kostenlose Sketch-Plugins für Web-Entwickler

Sketch gewinnt bei Webdesignern und -entwicklern eine große Anziehungskraft. Dies liegt wahrscheinlich daran, dass es intuitiv, leicht zu erlernen und mit vielen Funktionen ausgestattet ist, die es viel einfacher machen, einen Website-Prototyp zu erstellen. Es kann auch sein, dass diese Anwendung erweiterbar ist, dh Sie können der Anwendung einfach neue Funktionen mit Hilfe von Plugins hinzufügen.Hi

(Tech- und Design-Tipps)

Bringen Sie Ihren Kindern bei, mit Tynker zu codieren

Bringen Sie Ihren Kindern bei, mit Tynker zu codieren

Mit der Technologie, die heutzutage so vorherrschend ist, und mit den neuen Programmiersprachen, die jeden zweiten Tag auf den Markt kommen, überrascht es nicht, dass einige Eltern darauf aus sind, dass ihre Kinder schon früh mit dem Programmieren beginnen .Die Leute bei Apple sind sich wohl bewusst, dass Programmierer in dieser technologiegetriebenen Welt von entscheidender Bedeutung sind.

(Tech- und Design-Tipps)