Redux: globalen JavaScript-Zustand nachvollziehbar verwalten

Der dokumentierte Projektumfang · reduxjs redux

Die README beschreibt Redux einleitend als eine JS-Bibliothek für vorhersagbares und wartbares globales State-Management. Sie erklärt, dass der gesamte globale Zustand einer App in einem Objektbaum innerhalb eines einzigen Stores lebt. Der einzige Weg, diesen Zustandsbaum zu ändern, besteht darin, eine Aktion zu erstellen, ein Objekt, das beschreibt, was passiert ist, und sie an den Store zu dispatchen. Reducer-Funktionen, die als reine Funktionen geschrieben werden, berechnen einen neuen Zustand aus dem alten Zustand und der Aktion. Das Basisbeispiel in der README zeigt diesen Ablauf mit einem Counter-Slice unter Verwendung von createSlice und configureStore von Redux Toolkit. Auch wenn Redux Toolkit verwendet wird, ist der zugrunde liegende Datenfluss derselbe: Abonnenten können den Store abhören, und Aktionsobjekte werden dispatched.

Die zentrale Arbeitsweise · reduxjs redux

Die README stellt fest, dass Redux Toolkit der offizielle empfohlene Ansatz zum Schreiben von Redux-Logik ist. Es umschließt den Redux-Kern und enthält Pakete und Funktionen, die als wesentlich für den Aufbau einer Redux-App angesehen werden. Laut README baut Redux Toolkit empfohlene Best Practices ein, vereinfacht die meisten Redux-Aufgaben, verhindert häufige Fehler und erleichtert das Schreiben von Redux-Anwendungen. Das Basisbeispiel zeigt, wie Toolkit das Schreiben kürzerer, lesbarerer Logik ermöglicht, während es weiterhin dem ursprünglichen Kernverhalten und Datenfluss folgt. Das Repository verlinkt auch auf redux-toolkit.js.org für API-Referenzen und Nutzungsanleitungen.

Konkrete Dateien und Schnittstellen · reduxjs redux

Die README gibt zwei empfohlene Möglichkeiten, eine neue React-App mit Redux Toolkit zu starten. Für Vite empfiehlt sie die offizielle Redux-Toolkit-plus-TypeScript-Vorlage, die mit degit geklont und extrahiert werden kann: `npx degit reduxjs/redux-templates/packages/vite-template-redux my-app`. Für Next.js verweist sie auf die Vorlage `with-redux`: `npx create-next-app --example with-redux my-app`. Beide haben Redux Toolkit und React-Redux für das jeweilige Build-Tool konfiguriert. Um Redux Toolkit zu einer bestehenden App hinzuzufügen, lautet der Befehl `npm install @reduxjs/toolkit react-redux`, und für die Kernbibliothek allein `npm install redux`. Es gibt noch keine offiziellen React-Native-Vorlagen; die README verlinkt auf Community-Vorlagen für React Native und Expo.

Abhängigkeiten im Alltag · reduxjs redux

Die Kern-Dokumentation von Redux befindet sich unter redux.js.org, mit Tutorials, Nutzungsanleitungen, FAQ und API-Referenz. Die Redux-Toolkit-Dokumentation ist unter redux-toolkit.js.org verfügbar. Die README weist auf zwei Lernpfade hin: das Redux-Essentials-Tutorial, das als Top-down-Einführung in die richtige Verwendung von Redux beschrieben wird, und das Redux-Fundamentals-Tutorial, das von den ersten Prinzipien ausgehend erklärt, wie Redux funktioniert. Für Fragen identifiziert die README den #redux-Kanal der Reactiflux-Discord-Community als offizielle Ressource. Sie verlinkt auch mehrere Blogbeiträge und Diskussionen darüber, wann man zu Redux greifen sollte, darunter 'You Might Not Need Redux' und 'The Tao of Redux'.

Grenzen der README · reduxjs redux

Die README enthält einen Abschnitt mit dem Titel 'Before Proceeding Further', der davor warnt, Redux nur zu verwenden, weil jemand es gesagt hat. Sie listet drei Situationen auf, in denen Redux sinnvoll ist: Sie haben eine angemessene Menge an Daten, die sich im Laufe der Zeit ändern; Sie benötigen eine einzige Quelle der Wahrheit für Ihren Zustand; oder die Speicherung des gesamten Zustands in einer Top-Level-Komponente reicht nicht mehr aus. Die README räumt ein, dass diese Richtlinien subjektiv und vage sind, weil der richtige Zeitpunkt für die Integration von Redux je nach Benutzer und Anwendung unterschiedlich ist. Sie verlinkt externe Artikel, die die Abwägungen erläutern, wie z.B. 'When (and when not) to reach for Redux'. Die README bietet keinen präziseren Entscheidungsprozess als diese Kriterien.

Lizenz und Betriebsfragen · reduxjs redux

Die Repository-Metadaten beschreiben die Projektsprache als TypeScript, und die README stellt fest, dass der Redux-Kern winzig ist, etwa 2 kB einschließlich Abhängigkeiten. Das Projekt hält sich an Semantic Versioning, und jede Veröffentlichung mit Migrationsanweisungen ist auf der GitHub-Releases-Seite dokumentiert. Der Code ist unter der MIT-Lizenz lizenziert, mit Urheberrecht bei Dan Abramov. Der Text der MIT-Lizenz gewährt das Recht, Kopien der Software zu verwenden, zu kopieren, zu modifizieren, zu fusionieren, zu veröffentlichen, zu verteilen, zu unterlizenzieren und zu verkaufen, unter der Bedingung, dass der Urheberrechtshinweis enthalten ist. Er besagt auch, dass die Software 'wie besehen' ohne jegliche Gewährleistung bereitgestellt wird und die Autoren oder Urheberrechtsinhaber nicht für Ansprüche oder Schäden haften. Die Lizenz trifft keine Aussagen zu Support, Sicherheit oder zukünftigen Wartungsverpflichtungen.

Prüfung mit redux

Baue einen kleinen Store mit Slice, Action und Reducer, dispatch eine bekannte Änderung und prüfe mit Redux Toolkit sowie der vorhandenen Tests die Zustandsübergänge. Dieser Ablauf prüft genau die vom Projekt genannten Eingaben, Dateien und Ergebnisse. Ein erfolgreicher Minimaltest belegt keinen Dauerbetrieb, keine allgemeine Kompatibilität und keine Sicherheitsgarantie.

Redaktionelles Fazit

Geeignet ist redux für Nutzer, deren Arbeitsablauf zu den dokumentierten Funktionen passt. Nicht geeignet ist es als pauschale Zusage für nicht beschriebene Plattformen, Leistung oder Support. Zuerst sollte geprüft werden: Baue einen kleinen Store mit Slice, Action und Reducer, dispatch eine bekannte Änderung und prüfe mit Redux Toolkit sowie der vorhandenen Tests die Zustandsübergänge.

Offizielle Quellen

1. Official documentation
2. Official README
3. Project repository
4. Release notes