Inicio Rápido

Verifique el contenido clave de la página de inicio con ejemplos que se ejecutan realmente.

1. Instalación

@byeolnaerim/global-rx-stateusa React hook y RxJS BehaviorSubjectAsí que la aplicación necesita react, rxjsestar presente.

bash

2. Compartir tienda con el mismo nombre

El modo nombrado está diseñado para ser llamado cómodamente dentro del componente. Al llamar con el mismo nombre createRxStatedevuelve la misma tienda global. Si el siguiente valor depende del valor anterior, setValue((prev) => next) utilice un setter funcional en forma.

tsx

3. Usar createRxStateTuple si se necesita una clave de tiempo de ejecución

Cuando el nombre se determina en tiempo de ejecución, como el id de espacio de trabajo recibido del servidor, el parámetro de ruta o el nombre de la pestaña que el usuario hizo clic, createRxStateTupleesto es natural. El siguiente ejemplo utiliza diferentes tiendas de borrador para cada pestaña.

tsx

4. Reunir reglas de cambio con un reductor

Un valor simple es suficiente con un setter, pero si el estado cambia según varias acciones o los valores dependen entre sí, createRxReduceres más seguro reunir las reglas de cambio en un solo lugar.

tsx