Debugger para desktop que permite inspecionar apps React e React Native, exibindo estado, requisições de rede, logs e erros.
endograph/redux-persist
Uma biblioteca no estilo middleware do Redux que salva o estado da store em um armazenamento e o restaura quando o app é iniciado.
- Estrelas
- 12,950
- Forks
- 839
- Issues abertas
- 1
- Último commit
- há 14 dias
O que é?
redux-persist salva o estado da store do Redux em um armazenamento conforme ele muda e o reidrata na store ao iniciar, para que os usuários mantenham seus dados entre carregamentos de página ou inicializações do app. Você envolve o reducer raiz com persistReducer e cria um persistor com persistStore; o restante do app continua igual, e o Redux Toolkit funciona sem configuração extra.
O armazenamento é configurável. localStorage e sessionStorage já vêm incluídos para a web, e AsyncStorage, IndexedDB, o sistema de arquivos e outros backends podem ser usados por meio de mecanismos de armazenamento. Os desenvolvedores escolhem quais chaves de nível superior serão salvas com allowlist e denylist, podem aninhar reducers persistidos para ter um controle mais preciso e transformar o estado ao salvá-lo e recuperá-lo.
A biblioteca também lida com estados versionados. As migrações atualizam os dados armazenados quando sua estrutura muda, e os bindings para React incluem PersistGate e useRehydrated para adiar a renderização até que o estado armazenado tenha sido carregado.
Recursos principais
- 01Envolve o reducer raiz com persistReducer e cria um persistor com persistStore.
- 02Inclui suporte a localStorage e sessionStorage, com mecanismos de armazenamento configuráveis para outros backends.
- 03Permite escolher as chaves salvas com allowlist e denylist ou com uma função de filtro.
- 04Oferece suporte a persistências aninhadas, transformações de estado e migrações versionadas.
- 05Disponibiliza PersistGate e useRehydrated para que o React aguarde a restauração do estado.
Casos de uso
- Manter preferências do usuário ou estado relacionado ao login entre recarregamentos do navegador em um app React.
- Persistir o estado do Redux em um app React Native com AsyncStorage.
- Salvar o estado do app offline em uma PWA ou app desktop que use IndexedDB ou o sistema de arquivos.
- Atualizar com segurança o estado armazenado quando a estrutura de uma slice do Redux mudar entre versões.
Início rápido
- 1
Instale o pacote pelo npm
npm install redux-persist - 2
No arquivo da sua store, envolva o reducer raiz com persistReducer e crie um persistor com persistStore
- 3
Envolva o componente raiz com PersistGate de redux-persist/react (opcional, para React)
Antes de usar
- A v7 requer Redux Toolkit 2 ou Redux 5.
- A versão v7 está em beta (instale com a tag next).
Tópicos
Perguntas frequentes
- O que é redux-persist?
- Uma biblioteca no estilo middleware do Redux que salva o estado da store em um armazenamento e o restaura quando o app é iniciado. redux-persist salva o estado da store do Redux em um armazenamento conforme ele muda e o reidrata na store ao iniciar, para que os usuários mantenham seus dados entre carregamentos de página ou inicializações do app. Você envolve o reducer raiz com persistReducer e cria um persistor com persistStore; o restante do app continua igual, e o Redux Toolkit funciona sem configuração extra.
- redux-persist é gratuito? Qual é a licença?
- redux-persist é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- redux-persist ainda é mantido?
- Manutenção ativa. O último commit de redux-persist foi em 7 de out. de 2026.
- Para que posso usar redux-persist?
- Manter preferências do usuário ou estado relacionado ao login entre recarregamentos do navegador em um app React. Persistir o estado do Redux em um app React Native com AsyncStorage. Salvar o estado do app offline em uma PWA ou app desktop que use IndexedDB ou o sistema de arquivos. Atualizar com segurança o estado armazenado quando a estrutura de uma slice do Redux mudar entre versões.
- Como instalar redux-persist?
- Instale o pacote pelo npm: npm install redux-persist No arquivo da sua store, envolva o reducer raiz com persistReducer e crie um persistor com persistStore Envolva o componente raiz com PersistGate de redux-persist/react (opcional, para React)
- Onde consigo redux-persist?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/endograph/redux-persist
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Biblioteca JavaScript para gerenciar o estado global de forma previsível e sustentável, com React ou qualquer outra biblioteca de interface.
Uma biblioteca leve de gerenciamento de estado para React, baseada em hooks e sem necessidade de providers.
Uma biblioteca JavaScript que permite atualizar estados imutáveis alterando uma cópia provisória do estado atual.
Bindings oficiais do React para Redux, conectando stores do Redux a componentes React por meio de hooks e de um Provider.
Biblioteca TypeScript para criar funções selector com memoização que derivam dados do Redux ou de outros estados JavaScript simples.