React Native Debugger para MAC
App independente, grátis e de código aberto para depurar apps React Native, com React Inspector, Redux DevTools e Apollo Client DevTools. Só Remote Debugger.
Visão geral do React Native Debugger
O React Native Debugger é um app independente, grátis e de código aberto para depurar apps React Native. Ele é baseado no Remote Debugger oficial e adiciona mais recursos, reunindo React Inspector, Redux DevTools e Apollo Client DevTools em uma única janela. Para usar, abra o app, verifique se os outros clientes de depuração estão fechados e ative Debug JS Remotely no menu de desenvolvedor do seu app.
O React Native Debugger é feito por Jhen-Jie Hong e distribuído sob a licença MIT. Ele tem uma limitação importante: só oferece suporte ao antigo Remote Debugger, não a Hermes, JSI nem à New Architecture, e nenhuma versão mais nova saiu depois da 0.14.0. Verifique antes se ele serve para o seu projeto. As versões a partir da 0.11 exigem react-native 0.62 ou posterior. A versão 0.14.0 é um app universal para Intel e Apple Silicon, exige macOS 10.13 ou posterior e é baseada no Electron 25.
Principais recursos
O React Native Debugger reúne em um só app as principais ferramentas de depuração para React Native.
- Depuração remota: baseada no Remote Debugger oficial, com mais recursos.
- React Inspector: incluído a partir do react-devtools-core.
- Redux DevTools: incluído, com a mesma API do redux-devtools-extension.
- Apollo Client DevTools: incluído como extensão de devtools.
- Inspeção de rede: inspecione o tráfego de rede com as Chrome Developer Tools.
- Janelas de depuração: abra uma nova janela com Command+T e defina a porta necessária.
- Início por URI: inicie pela linha de comando com o esquema rndebugger:.
- Arquivo de configuração: guarde seus ajustes em um arquivo na sua pasta pessoal.
Novidades da versão 0.14.0
O React Native Debugger 0.14.0 atualiza seus componentes principais e melhora os formulários.
- A tecla Enter agora funciona nos formulários
- Atualizado para o Electron 25
- react-devtools-core atualizado para 4.28.0, com um aviso de source map corrigido
- redux-devtools atualizado para a versão mais recente
- apollo-client-devtools atualizado para a versão 4
- Não verifica mais o host em Open in Editor
Perguntas frequentes sobre o React Native Debugger
O React Native Debugger é grátis?
Sim. Ele é grátis e de código aberto sob a licença MIT.
O React Native Debugger oferece suporte a Hermes ou à New Architecture?
Não. Ele só oferece suporte ao antigo Remote Debugger. A versão 0.14.0 não inclui suporte a Hermes, JSI nem à New Architecture.
Qual versão do React Native é necessária?
O React Native Debugger 0.11 e posteriores exigem react-native 0.62 ou posterior. Para projetos antigos, a versão 0.10 funciona com react-native 0.61 e anteriores.
Qual versão do macOS é necessária?
A versão 0.14.0 exige macOS 10.13 ou posterior.
Ele funciona no Apple Silicon?
Sim. O download para Mac é um app universal para Apple Silicon e Intel.
Como conecto meu app?
Feche os outros clientes de depuração, abra o React Native Debugger e ative Debug JS Remotely no menu de desenvolvedor do seu app.
Qual porta ele usa?
Por padrão, ele se conecta ao proxy de depuração na porta 8081. Abra uma nova janela com Command+T para definir outra porta.
Quais ferramentas estão incluídas?
React Inspector, Redux DevTools e Apollo Client DevTools estão incluídos.
Posso instalar com o Homebrew?
Sim. Execute: brew install --cask react-native-debugger
De onde vem o download do React Native Debugger em react-native-debugger.FULLMAC.app?
O botão de download leva à página oficial de versões do React Native Debugger em https://github.com/jhen0409/react-native-debugger/releases/latest. react-native-debugger.FULLMAC.app não altera nem reempacota o app.
Apps semelhantes
OrbStackO OrbStack é um jeito rápido, leve e simples de rodar contêineres Docker e máquinas Linux no seu Mac. Ele é um substituto direto do Docker Desktop: seus comandos docker e docker compose continuam funcionando, e na primeira abertura o OrbStack oferece copiar seus contêineres, imagens e volumes do Docker Desktop. Ele inicia em segundos, usa menos de 0,1% de CPU em segundo plano no Apple Silicon e devolve ao macOS a memória que não usa. Além de contêineres, roda máquinas Linux completas de 16 distribuições e um cluster Kubernetes leve para desenvolvimento local. O OrbStack é feito pela Orbital Labs.Ferramentas para desenvolvedores
QuotaBarSe você usa o OpenAI Codex com uma conta do ChatGPT, os limites de uso se renovam em uma janela de 5 horas e outra semanal, e para ver quanto sobrou é preciso abrir o Codex ou o ChatGPT. O QuotaBar coloca a porcentagem restante na barra de menus do Mac e a atualiza a cada 60 segundos. Clique no ícone para ver um painel detalhado com cada janela de limite e sua contagem regressiva, ou ative um pequeno HUD flutuante que fica por cima das outras janelas.Ferramentas para desenvolvedores
Stargazer BarStargazer Bar é um pequeno app nativo de barra de menus para Mac que fica de olho em repositórios do GitHub para você. Ele coloca uma contagem de estrelas ao vivo na barra de menus, para você ver como um projeto está indo sem deixar uma aba do navegador aberta, e um clique abre um menu com os detalhes: gráficos de tendência de estrelas e forks, totais de downloads das versões e um radar para mantenedores. Repositórios públicos são medidos pelas estrelas. Os privados, que não têm estrelas, são medidos pelo que precisa da sua atenção: um build com falha, uma issue sem resposta ou um novo pull request.Ferramentas para desenvolvedores
Notch So GoodO Notch So Good transforma o notch do seu MacBook em uma pequena tela de status para agentes de programação com IA. Enquanto o Claude Code ou a CLI do OpenAI Codex trabalha, uma pílula preta estende o notch: à esquerda fica o Peek, um personagem em 3D, e à direita um anel mostra quanto resta da sua janela de uso de 5 horas. Quanto mais uma sessão precisa de você, mais o Peek sai do notch. Quando uma tarefa termina, falha ou atinge um limite de uso, o notch se abre em um cartão que diz o que aconteceu e em qual projeto, e um clique leva à aba exata do terminal, incluindo o painel do tmux.Ferramentas para desenvolvedores
Claude UsageO Claude Usage é um pequeno app nativo para quem usa o Claude Code. Na barra de menus ele mostra sua sessão atual de cinco horas, seu uso semanal de todos os modelos e do Sonnet e seus créditos de pagamento por uso, cada um com uma barra de uso e o horário de reinício, sem abrir o Claude Code. Ele também adiciona uma linha abaixo do prompt do Claude Code com o modelo, o quanto a janela de contexto está cheia e os tokens usados, para você compactar uma sessão antes de ficar sem espaço. Cada painel do terminal mostra a sua própria linha, inclusive no tmux.Ferramentas para desenvolvedores
TintpadO Tintpad é um lançador gratuito e de código aberto para desenvolvedores que trabalham com agentes de programação de linha de comando, como Claude Code e Codex. Pressione Option-Command-Espaço em qualquer lugar e uma gota preta cai do notch do seu Mac, ou fica pendurada abaixo da barra de menus nos Macs sem notch, com seus repositórios dentro. Digite algumas letras, pressione Return e o seu próprio terminal abre nesse repositório com o agente já rodando, no modo que você usou ali da última vez.Ferramentas para desenvolvedores
FULLMAC.app não hospeda este app. Os botões de download levam às páginas do próprio desenvolvedor.