Démarrage rapide

Vérifiez le contenu clé de la page de démarrage avec un exemple fonctionnel.

1. Installation

Hooks de division / de glissementutilise React hook et RxJS BehaviorSubjectDonc, l'application doit avoir réagir, rxjsinstallé.

bash

2. Partager le store avec le même nom

Le mode nommé est conçu pour être facilement appelé à l'intérieur des composants. En appelant avec le même nom, createRxStateil renvoie le même store global. Si la valeur suivante dépend de la valeur précédente, setValue((prev) => next) utilisez un setter fonctionnel de type.

tsx

3. Utilisez createRxStateTuple si une clé d'exécution est nécessaire

Lorsque le nom est déterminé à l'exécution, comme l'id de l'espace de travail reçu du serveur, le paramètre de route, ou le nom de l'onglet cliqué, createRxStateTuplec'est naturel. L'exemple ci-dessous utilise un store de brouillon différent pour chaque onglet.

tsx

4. Regroupez les règles de changement avec un réducteur

Une valeur simple suffit avec un setter, mais si l'état change selon plusieurs actions ou si les valeurs dépendent les unes des autres, createRxReduceril est plus sûr de regrouper les règles de changement à un seul endroit.

tsx