Redux ist eine Open-Source-JavaScript-Bibliothek zur Verwaltung des Anwendungsstatus. React verwendet Redux zum Erstellen der Benutzeroberfläche. Es wurde erstmals eingeführt von Dan Abramow Und Andrew Clark In 2015 .
React Redux ist die offizielle React-Bindung für Redux. Es ermöglicht React-Komponenten, Daten aus einem Redux Store zu lesen und zu versenden Aktionen zum Speichern um Daten zu aktualisieren. Redux hilft Apps bei der Skalierung, indem es eine sinnvolle Möglichkeit zur Zustandsverwaltung durch ein unidirektionales Datenflussmodell bietet. React Redux ist konzeptionell einfach. Es abonniert den Redux-Store, prüft, ob sich die von Ihrer Komponente gewünschten Daten geändert haben, und rendert Ihre Komponente neu.
Bullen gegen Ochsen
Redux wurde von Flux inspiriert. Redux hat die Flux-Architektur untersucht und unnötige Komplexität weggelassen.
- Redux verfügt nicht über ein Dispatcher-Konzept.
- Redux hat nur einen Store, während Flux viele Stores hat.
- Die Aktionsobjekte werden direkt vom Store empfangen und verarbeitet.
Warum React Redux verwenden?
Die Hauptgründe für die Verwendung von React Redux sind:
- React Redux ist der offizielle UI-Bindungen für die Reaktionsanwendung. Es wird über alle API-Änderungen auf dem neuesten Stand gehalten, um sicherzustellen, dass sich Ihre React-Komponenten wie erwartet verhalten.
- Es fördert eine gute „React“-Architektur.
- Es implementiert viele Leistungsoptimierungen intern, sodass Komponenten nur dann neu gerendert werden können, wenn sie tatsächlich benötigt werden.
Redux-Architektur
Die Komponenten der Redux-Architektur werden im Folgenden erläutert.
SPEICHERN: Ein Store ist ein Ort, an dem der gesamte Status Ihrer Anwendung aufgelistet wird. Es verwaltet den Status der Anwendung und verfügt über eine Dispatch-(Aktions-)Funktion. Es ist wie ein Gehirn, das für alle beweglichen Teile in Redux verantwortlich ist.
AKTION: Von der Ansicht aus werden Aktionen gesendet oder versendet, bei denen es sich um Nutzlasten handelt, die von Reduzierern gelesen werden können. Es handelt sich um ein reines Objekt, das zum Speichern der Informationen zum Ereignis des Benutzers erstellt wurde. Es enthält Informationen wie die Art der Aktion, den Zeitpunkt des Ereignisses, den Ort des Ereignisses, seine Koordinaten und den Zustand, den es ändern soll.
REDUZIERER: Reducer liest die Payloads aus den Aktionen und aktualisiert dann den Store über den Status entsprechend. Es ist eine reine Funktion, einen neuen Zustand vom Anfangszustand zurückzugeben.
Lambda-Funktion Java
Redux-Installation
Anforderungen: React Redux erfordert React 16.8.3 oder eine neuere Version.
Um React Redux mit der React-Anwendung zu verwenden, müssen Sie den folgenden Befehl installieren.
$ npm install redux react-redux --save
