So verwalten Sie Daten in einer React/Redux-Anwendung

Question

Ich habe einige Probleme bei der Konzeption einer React-Anwendung, wobei Redux meine Flux-Bibliothek der Wahl ist. Also nehme ich ein paar Annahmen von meinen Lesungen, korrigieren Sie mich, wenn ich falsch liege,

Wie verwaltet man Daten holen? Nehmen wir an, ich habe eine Anwendung, die einige Daten für den aktuell angemeldeten Benutzer abrufen muss. Ich nehme an, dass diese Benutzerdaten im Redux Store gespeichert werden sollen.

Aber jetzt das Problem ergibt sich, wenn alle meine Statusdaten in einem Geschäft gespeichert sind, habe ich zum Beispiel eine Reihe von Nachrichten im Speicher für diesen Benutzer, und lassen Sie meine Komponente die Informationen aus dem Laden holen? Oder sollte ich die Daten auf der KomponenteWillMount oder ähnliche Methode abrufen? Ich bekomme, dass, wenn ich Daten zum ersten Mal abholen muss, ich eine Aktion an den Laden senden werde, um die Daten vom Server zu holen, die ein Änderungsereignis auslösen, das ich auf der Komponente abfangen und den Staat aktualisieren kann, ist das a richtig?

Ich fühle mich wie ich irgendwo einen Punkt vermisse und kann die Verbindung nicht herstellen, wie die App strukturiert sein und die Daten verwalten soll, da es scheint, dass der Laden mit Tonnen von kleineren "Zustand" -Objekten aufgebläht wird das wird über die anderen Routen/Komponenten hinweg verwendet.

Answer 1

In Redux haben Sie eine einzige store mit vielen reducers. Jede reducer ändert spezifischen Teil der state.

Zum Beispiel haben Sie eine state wie folgt aus:

{ 
    messages: [...], 
    currentUser: {...}, 
    notifications: [...], 
    ... 
} 

In diesem Fall, dass Sie eine reducer haben messages Teil state zu ändern. Ein weiterer reducer zu ändern notifications Teil.