Repolode
Enviar
reduxjs

reduxjs/redux-devtools

Extensão de navegador e componente React para inspecionar o estado do Redux, com reprodução de actions e hot reloading.

Ver no GitHubSite
Estrelas
14,370
Forks
1,191
Issues abertas
146
Último commit
há 5 horas

O que é?

O Redux DevTools permite que desenvolvedores inspecionem cada action enviada a uma store do Redux e vejam como o estado muda em resposta. Também pode ser usado com outras arquiteturas que gerenciam mudanças de estado, desde que sejam conectadas por meio das APIs de integração do projeto.

O projeto está disponível em três formatos: uma extensão de navegador para Chrome, Edge e Firefox, um app independente no estilo desktop e um componente React que pode ser incorporado diretamente a uma aplicação cliente. A extensão e o componente compartilham uma interface personalizável, com monitores para árvores de estado e históricos de actions.

Os desenvolvedores podem reproduzir actions registradas, percorrer estados anteriores e fazer hot reload de reducers sem perder o estado atual. O repositório é um monorepo pnpm, e o README explica como compilar todos os pacotes ou apenas os necessários para uma determinada alteração.

Recursos principais

  • 01Extensão de navegador para Chrome, Edge e Firefox
  • 02App independente e componente React incorporável
  • 03Reprodução de actions e navegação por estados anteriores
  • 04Hot reload de reducers preservando o estado
  • 05Interface e monitores personalizáveis
  • 06Integrações com gerenciadores de estado além do Redux

Casos de uso

  • Depurar mudanças de estado em um app React que usa Redux
  • Reproduzir uma sequência de ações do usuário para reproduzir um bug
  • Incorporar um inspetor de estado a uma ferramenta interna
  • Inspecionar o estado remotamente em um ambiente que não seja de navegador

Início rápido

  1. 1

    Instale a extensão do navegador pela loja do Chrome, Edge ou Firefox

  2. 2

    Instale o pnpm pelo site do pnpm

  3. 3

    Instale as dependências do monorepo

    pnpm install
  4. 4

    Compile todos os pacotes

    pnpm run build:all

Antes de usar

  • A extensão do navegador está disponível apenas para Chrome, Edge e Firefox.
  • Compilar a partir do código-fonte exige pnpm e a compilação prévia de todos os pacotes, por isso é uma opção voltada principalmente a colaboradores.

Tópicos

#redux#debugging#react#browser-extension#state-management#developer-tools

Perguntas frequentes

O que é redux-devtools?
Extensão de navegador e componente React para inspecionar o estado do Redux, com reprodução de actions e hot reloading. O Redux DevTools permite que desenvolvedores inspecionem cada action enviada a uma store do Redux e vejam como o estado muda em resposta. Também pode ser usado com outras arquiteturas que gerenciam mudanças de estado, desde que sejam conectadas por meio das APIs de integração do projeto.
redux-devtools é gratuito? Qual é a licença?
redux-devtools é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
redux-devtools ainda é mantido?
Manutenção ativa. O último commit de redux-devtools foi em 21 de out. de 2026.
Para que posso usar redux-devtools?
Depurar mudanças de estado em um app React que usa Redux Reproduzir uma sequência de ações do usuário para reproduzir um bug Incorporar um inspetor de estado a uma ferramenta interna Inspecionar o estado remotamente em um ambiente que não seja de navegador
Como instalar redux-devtools?
Instale a extensão do navegador pela loja do Chrome, Edge ou Firefox Instale o pnpm pelo site do pnpm Instale as dependências do monorepo: pnpm install Compile todos os pacotes: pnpm run build:all
Onde consigo redux-devtools?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/reduxjs/redux-devtools

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados