NGRX ist ein staatliches Management -Tool in Winkelanwendungen, das für Szenarien geeignet ist, in denen die staatliche gemeinsame Nutzung zwischen Komponenten komplex ist und Debugging und Tracking erfordert. Zu den Kernkonzepten geh?ren: 1. State Stores schreibgeschützte Staatsb?ume; 2. Aktionen beschreiben Ereignisse, die auftreten; 3.. Reduzierer aktualisieren den Zustand gem?? Aktion, und reine Funktionen haben keine Nebenwirkungen. 4. Selektoren extrahieren Zustandsdaten; 5. Effekte behandeln asynchrone Operationen. Zu den Vorteilen der Verwendung von NGRX geh?ren ein einheitliches Staatsmanagement, die vereinfachte Komponentenkommunikation und eine verbesserte Wartbarkeit. Geeignet für den Einsatz, wenn mehrkomponente gemeinsamer Zustand, h?ufige ?nderungen oder Teamarbeit, aber für einfache Seiten nicht empfohlen werden. Zu den Anmerkungen geh?ren eine steile Lernkurve, eine komplexe Verzeichnisstruktur und die Vermeidung einer überm??igen Verwendung. Effizientes Debuggen kann mit @ngrx/store-devtools erreicht werden.

NGRX ist eine staatliche Managementl?sung für Winkelanwendungen, die sich auf das Konzept von Redux stützt. Einfach ausgedrückt, hilft NGRX Ihnen, den Status Ihrer Anwendung (z. B. Benutzerinformationen, Formdaten, Ladestatus usw.) in Winkelprojekten zu verwalten, wodurch Zustands?nderungen vorhersehbarer und leichter aufrechterhalten werden.

Wenn Ihre Bewerbung kompliziert wird und Komponenten viel Staat teilen müssen oder wenn Sie bessere ?nderungen der Status?nderungen verfolgen m?chten, ist NGRX eine gute Wahl.

Was ist Staatsmanagement?

In Angular wird die Kommunikation zwischen Komponenten normalerweise über @Input und @Output erreicht, was in kleinen Projekten in Ordnung ist. Wenn das Projekt jedoch gr??er wird und sich die Komponentenstufen vertiefen, wird dieser Ansatz chaotisch und schwer zu bewahren.

Das staatliche Management soll dieses Problem l?sen: Zentralisierung des Staates und zu einheitlicher Weise. Auf diese Weise kann jede Komponente auf den Status zugreifen oder ?ndern, ohne ihn zu übergeben.

• Die Kommunikation zwischen Komponenten ist einfacher geworden
• Die Logik der Zustands?nderung ist klarer
• Einfacher zu debuggen und zu testen

Was sind die Kernkonzepte von NGRX?

NGRX hat vier Kernteile: Zustand, Aktionen, Reduzierer und Selektoren . Es gibt auch ein h?ufig verwendetes unterstützendes Tool namens Effekte (Nebenwirkungen) .

• Status : Der Staatsbaum, der die gesamte Anwendung speichert, ist ein schreibgeschütztes Objekt.
• Aktionen : Beschreiben Sie, was passiert ist, z. B. "Benutzerklicks zum Anmeldung", "Datenladen werden abgeschlossen".
• Reduzierer : Status nach Aktion aktualisieren, ist eine reine Funktion und kann keine Nebenwirkungen haben.
• Selektoren : Extrahieren Sie bestimmte Daten aus dem Zustand für die Verwendung durch Komponenten.
• Effekte : Griff asynchrone Operationen, z. B. die Aufrufe der API, um Daten zu erhalten.

Beispiel: Wenn Sie auf eine Schaltfl?che klicken, um Benutzerdaten anzufordern:

1. Eine loadUser -Aktion ausl?sen;
2. Effekt f?ngt diese Aktion ab und leitet die HTTP -Anfrage initiiert.
3. Nachdem die Anfrage erfolgreich ist, wird loadUserSuccess -Aktion ausgel?st.
4. Reduzierer aktualisiert den Zustand;
5. Die Komponente erh?lt die neuesten Benutzerdaten über Selektor und zeigt sie an.

Wann sollte ich NGRX verwenden?

Obwohl NGRX leistungsf?hig ist, ist es nicht für alle Szenarien geeignet. Hier sind einige geeignete Situationen für die Verwendung von NGRX:

• Mehrere Komponenten müssen den Zustand teilen
• H?ufige und komplexe Zustands?nderungen
• Erfordert Zeitreise -Debuggen (z. B. Wiederherstellung eines bestimmten historischen Staates)
• Teamkollaborative Entwicklung, in der Hoffnung, die Statusverwaltungsspezifikationen zu vereinen

Wenn Sie nur eine einfache Formularseite ausführen oder statische Inhalte anzeigen, ben?tigen Sie m?glicherweise kein NGRX. Angulars eigenes Serviceverhalten reicht aus.

Einige Vorsichtsma?nahmen für die Verwendung von NGRX

• Die Lernkurve ist leicht steil : Es gibt viele Konzepte von NGRX, die für Menschen, die neu für sie sind, ein bisschen schwierig sein.
• Die Codestruktur ?ndert sich stark : Nach der Einführung von NGRX verfügt Ihre Projektverzeichnisstruktur über eine Reihe von Dateien (Aktionen, Reduzierer, Effekte usw.), die im frühen Stadium umst?ndlich sein k?nnen.
• Nicht überbeanspruchen : Nicht jeder Staat muss in den Laden gebracht werden, und einige lokale Staaten sind besser geeignet, um in die Komponente platziert zu werden.

Darüber hinaus wird empfohlen, es mit Angulars @ngrx/store-devtools -Plug-In zu verwenden, das ?nderungen des Zustands wie Redux Devtools debuggen, was sehr bequem ist.

Grunds?tzlich ist das. Durch die Beherrschung dieser Kernkonzepte und -nutzungsm?glichkeiten kann NGRX Ihr Angular -Anwendungsstatusmanagement klarer und kontrollierbarer machen.

Das obige ist der detaillierte Inhalt vonWas ist NGRx State Management. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!