React ist bei der Zustandsverwaltung (State Management) tatsächlich ein kleiner Ausreißer. Während es erstklassige Werkzeuge wie useState und Context gibt, ist man für reaktive globale Zustände weitgehend auf sich allein gestellt. Hier ist David Ceddia mit „React State Management Libraries and How“...
In meinem letzten Beitrag „Custom Properties als State“ erwähnte ich, dass UI-Bibliotheken wie React und Vue theoretisch den von ihnen verwalteten State automatisch auf CSS Custom Properties abbilden könnten, damit wir diesen State ...
Hier ist eine tolle Idee von James Stanley: eine CSS-Datei (die sich vermutlich täglich aktualisiert), die CSS-Custom-Properties für „saisonale“ Farben enthält (z. B. Frühling ist Grün, Herbst ist Orange). Sie würden dann die Werte verwenden, um Ihre Website zu thematisieren, in dem Wissen, dass diese ...
Zustandsmaschinen werden im Web typischerweise in JavaScript und oft über die beliebte XState-Bibliothek ausgedrückt. Aber das Konzept einer Zustandsmaschine ist auf nahezu jede Sprache übertragbar, einschließlich, erstaunlicherweise, HTML und CSS. In diesem Artikel werden wir ...
Das Testen von Anwendungen ist entscheidend dafür, dass der Code fehlerfrei ist und die logischen Anforderungen erfüllt werden. Das manuelle Schreiben von Tests ist jedoch mühsam und anfällig für menschliche Voreingenommenheit und Fehler. Darüber hinaus kann die Wartung ein Albtraum sein, insbesondere wenn Funktionen …
Wenn Ihre Anwendung komplexer wird, kann die Zustandsverwaltung mühsam werden. Der Zustand einer Komponente soll in sich abgeschlossen sein, was die gemeinsame Nutzung von Zuständen über mehrere Komponenten hinweg zu einem Problem macht. Redux ist normalerweise die erste Wahl für die Zustandsverwaltung in ...
React-Komponenten können und haben oft Zustand (State). Der Zustand kann alles sein, aber denken Sie an Dinge wie, ob ein Benutzer angemeldet ist oder nicht, und die Anzeige des korrekten Benutzernamens basierend darauf, welcher Account aktiv ist. Oder ein Array ...
Lassen Sie uns über Zustand sprechen. Die Kommunikation des Zustands an den Benutzer, nicht die Anwendungsdaten, die den Zustand in JavaScript-Objekten oder localStorage speichern. Wir werden darüber sprechen, wie wir unseren Benutzern den Zustand mitteilen können (denken Sie an: ob ein Button ...
Dies ist der vierte Teil einer fünfteiligen Serie über das JavaScript-Framework Vue.js. In diesem Teil befassen wir uns mit Vuex für das State Management. Dies ist keine vollständige Anleitung, sondern ein Überblick über die Grundlagen …
