Schnellstart

Überprüfen Sie die Kerninhalte der Startseite mit einem funktionierenden Beispiel auf einmal.

1. Installation

@byeolnaerim/global-rx-stateverwendet React Hook und RxJS BehaviorSubjectfür die App. react, rxjsmuss vorhanden sein.

bash

2. Store mit demselben Namen teilen

Der benannte Modus ist so konzipiert, dass er innerhalb der Komponente bequem aufgerufen werden kann. Wenn Sie mit demselben Namen createRxStateaufrufen, erhalten Sie denselben globalen Store. Wenn der nächste Wert vom vorherigen abhängt, setValue((prev) => next) verwenden Sie einen funktionalen Setter.

tsx

3. Verwenden Sie createRxStateTuple, wenn ein Laufzeit-Schlüssel erforderlich ist

Wenn der Name zur Laufzeit bestimmt wird, wie die vom Server empfangene Workspace-ID, der Routenparameter oder der Name des Tabs, den der Benutzer angeklickt hat, createRxStateTupleist das natürlich. Das folgende Beispiel verwendet für jeden Tab einen anderen Entwurfs-Store.

tsx

4. Regeln für Änderungen im Reducer zusammenfassen

Einfache Werte sind mit einem Setter ausreichend, aber wenn sich der Zustand je nach mehreren Aktionen ändert oder Werte voneinander abhängen, createRxReducerist es sicherer, die Änderungsregeln an einem Ort zu bündeln.

tsx