💾 Persistência
Você pode persistir os dados entre sessões salvando-os em um meio de armazenamento como localStorage
, sessionStorage
ou outras opções de armazenamento disponíveis. Isso garante que os dados sejam retidos mesmo quando a página for recarregada ou o navegador for fechado e reaberto.
Além disso, é possível sincronizar o estado em diferentes abas ou janelas. Quando uma alteração é feita em uma aba ou janela, todas as outras abas ou janelas que compartilham o mesmo contexto de armazenamento são sincronizadas. Isso permite que você atualize o estado perfeitamente em várias visualizações.
import { create, persist } from "@bentoo/state-man";
const usePreferenceStore = create(
persist({
name: "storeKey",
data: { theme: "dark" },
storage: sessionStorage
})
);
Essa abordagem garante persistência e sincronização, permitindo uma experiência consistente para usuários que trabalham em várias guias ou janelas.
persist
Propriedade | Tipo | Descrição |
---|---|---|
name | string | Nome exclusivo do store, usado como uma chave para armazenar e recuperar dados do armazenamento. |
data | any | Valor do estado inicial do store. Pode ser qualquer tipo de dado (número, string, objeto, array, etc.) |
storage | Storage | Tipo de armazenamento usado para persistência. Por padrão, usa localStorage . Pode ser: localStorage , sessionStorage , etc. |