Início Rápido

Verifique o conteúdo principal da página de início com exemplos que funcionam.

1. Instalação

Hooks de divisão / arrastarusa React hook e RxJS BehaviorSubjectEntão o app precisa de react, rxjsestar presente.

bash

2. Compartilhar store com o mesmo nome

O modo nomeado é projetado para ser chamado facilmente dentro do componente. Chamando com o mesmo nome criarEstadoRxretorna o mesmo store global. Se o próximo valor depender do valor anterior, setValue((prev) => next) use um setter funcional do tipo.

tsx

3. Use createRxStateTuple se precisar de uma chave de tempo de execução

Quando o nome é determinado em tempo de execução, como o id do workspace recebido do servidor, parâmetro de rota ou nome da aba clicada, criarTuplaEstadoRxisso é natural. O exemplo abaixo usa stores de rascunho diferentes para cada aba.

tsx

4. Reunir regras de alteração com redutor

Valores simples são suficientes com um setter, mas se o estado mudar com base em várias ações ou se os valores dependerem entre si, criarRedutorRxé mais seguro reunir as regras de alteração em um só lugar.

tsx