Repolode
Enviar
infinitered

infinitered/reactotron

Debugger para desktop que permite inspecionar apps React e React Native, exibindo estado, requisições de rede, logs e erros.

Ver no GitHubSite
Estrelas
15,593
Forks
970
Issues abertas
155
Último commit
há 2 meses

O que é?

Reactotron é um debugger para desktop voltado a aplicações React e React Native. Ele permite monitorar o estado da aplicação, requisições e respostas da API, benchmarks de performance e erros globais com stack traces mapeados para o código-fonte, incluindo stack traces do Redux-Saga.

O app roda no macOS, Linux e Windows e se conecta ao projeto por meio de uma dependência de desenvolvimento, sem adicionar nada aos builds de produção. Os plugins integrados oferecem suporte a Redux, MST, networking via apisauce, Async Storage, MMKV e sobreposições de imagens no React Native. Também é possível despachar actions, assinar caminhos do estado, trocar o estado em tempo real e exibir mensagens no estilo do console.

O Reactotron é desenvolvido pela Infinite Red e distribuído sob a licença MIT.

Recursos principais

  • 01Inspecione o estado da aplicação e assine caminhos específicos do estado.
  • 02Monitore requisições e respostas da API, incluindo a integração com apisauce.
  • 03Acompanhe erros globais com stack traces mapeados para o código-fonte, incluindo traces de sagas.
  • 04Execute benchmarks rápidos de performance.
  • 05Dispare actions e troque o estado em tempo real no Redux ou no mobx-state-tree.
  • 06Acompanhe Async Storage e MMKV no React Native.

Casos de uso

  • Depurar alterações de estado e actions do Redux em um app React para web.
  • Inspecionar o tráfego de rede e as respostas em um app React Native.
  • Investigar erros não tratados e falhas em sagas com stack traces legíveis.
  • Monitorar o conteúdo do Async Storage durante o desenvolvimento de apps para dispositivos móveis.

Início rápido

  1. 1

    Baixe a versão para desktop do reactotron-app para sua plataforma na página de GitHub Releases

  2. 2

    Siga o guia de configuração do React Native para adicionar o cliente Reactotron ao seu app

Antes de usar

  • O README não inclui um comando para instalar a biblioteca cliente; a configuração é feita seguindo a documentação vinculada.
  • O app para desktop é distribuído como binários para download em Releases, e não por um gerenciador de pacotes.

Tópicos

#debugging#react#react-native#redux#desktop#devtools#state-management#reactjs#reactnative#reactotron

Perguntas frequentes

O que é reactotron?
Debugger para desktop que permite inspecionar apps React e React Native, exibindo estado, requisições de rede, logs e erros. Reactotron é um debugger para desktop voltado a aplicações React e React Native. Ele permite monitorar o estado da aplicação, requisições e respostas da API, benchmarks de performance e erros globais com stack traces mapeados para o código-fonte, incluindo stack traces do Redux-Saga.
reactotron é gratuito? Qual é a licença?
reactotron é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
reactotron ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de reactotron foi em 13 de ago. de 2026.
Para que posso usar reactotron?
Depurar alterações de estado e actions do Redux em um app React para web. Inspecionar o tráfego de rede e as respostas em um app React Native. Investigar erros não tratados e falhas em sagas com stack traces legíveis. Monitorar o conteúdo do Async Storage durante o desenvolvimento de apps para dispositivos móveis.
Como instalar reactotron?
Baixe a versão para desktop do reactotron-app para sua plataforma na página de GitHub Releases Siga o guia de configuração do React Native para adicionar o cliente Reactotron ao seu app
Onde consigo reactotron?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/infinitered/reactotron

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

Projetos relacionados