React Native Debugger para MAC
App gratuita y de código abierto para depurar apps de React Native, con React Inspector, Redux DevTools y Apollo Client DevTools. Solo Remote Debugger.
Descripción de React Native Debugger
React Native Debugger es una app independiente, gratuita y de código abierto para depurar apps de React Native. Se basa en el Remote Debugger oficial y añade más funciones, reuniendo React Inspector, Redux DevTools y Apollo Client DevTools en una sola ventana. Para usarla, abre la app, asegúrate de que los demás clientes de depuración estén cerrados y activa Debug JS Remotely en el menú de desarrollador de tu app.
React Native Debugger lo crea Jhen-Jie Hong y se publica bajo la licencia MIT. Tiene una limitación importante: solo es compatible con el antiguo Remote Debugger, no con Hermes, JSI ni la New Architecture, y no ha salido ninguna versión posterior a la 0.14.0. Comprueba antes que encaja con tu proyecto. Las versiones desde la 0.11 necesitan react-native 0.62 o posterior. La versión 0.14.0 es una app universal para Intel y Apple Silicon, necesita macOS 10.13 o posterior y se basa en Electron 25.
Funciones principales
React Native Debugger reúne en una sola app las principales herramientas de depuración de React Native.
- Depuración remota: basada en el Remote Debugger oficial, con más funciones.
- React Inspector: incluido a partir de react-devtools-core.
- Redux DevTools: incluido, con la misma API que redux-devtools-extension.
- Apollo Client DevTools: incluido como extensión de devtools.
- Inspección de red: inspecciona el tráfico de red con las Chrome Developer Tools.
- Ventanas de depuración: abre una ventana nueva con Command+T y define el puerto que necesites.
- Inicio por URI: ejecútalo desde la línea de comandos con el esquema rndebugger:.
- Archivo de configuración: guarda tus ajustes en un archivo de tu carpeta personal.
Novedades de la versión 0.14.0
React Native Debugger 0.14.0 actualiza sus componentes principales y mejora los formularios.
- Ahora se puede pulsar Intro en los formularios
- Actualizado a Electron 25
- react-devtools-core actualizado a 4.28.0, con una advertencia de source map corregida
- redux-devtools actualizado a la última versión
- apollo-client-devtools actualizado a la versión 4
- Ya no comprueba el host para Open in Editor
Preguntas frecuentes sobre React Native Debugger
¿React Native Debugger es gratis?
Sí. Es gratuito y de código abierto bajo la licencia MIT.
¿React Native Debugger es compatible con Hermes o la New Architecture?
No. Solo es compatible con el antiguo Remote Debugger. La versión 0.14.0 no incluye compatibilidad con Hermes, JSI ni la New Architecture.
¿Qué versión de React Native necesita?
React Native Debugger 0.11 y posteriores necesitan react-native 0.62 o posterior. Para proyectos antiguos, la versión 0.10 funciona con react-native 0.61 y anteriores.
¿Qué versión de macOS necesita?
La versión 0.14.0 necesita macOS 10.13 o posterior.
¿Funciona en Apple Silicon?
Sí. La descarga para Mac es una app universal para Apple Silicon e Intel.
¿Cómo conecto mi app?
Cierra los demás clientes de depuración, abre React Native Debugger y activa Debug JS Remotely en el menú de desarrollador de tu app.
¿Qué puerto usa?
Se conecta al proxy de depuración en el puerto 8081 de forma predeterminada. Abre una ventana nueva con Command+T para definir otro puerto.
¿Qué herramientas incluye?
Incluye React Inspector, Redux DevTools y Apollo Client DevTools.
¿Puedo instalarlo con Homebrew?
Sí. Ejecuta: brew install --cask react-native-debugger
¿De dónde procede la descarga de React Native Debugger en react-native-debugger.FULLMAC.app?
El botón de descarga lleva a la página oficial de versiones de React Native Debugger en https://github.com/jhen0409/react-native-debugger/releases/latest. react-native-debugger.FULLMAC.app no modifica ni reempaqueta la app.
Apps similares
OrbStackOrbStack es una forma rápida, ligera y sencilla de ejecutar contenedores Docker y máquinas Linux en tu Mac. Es un sustituto directo de Docker Desktop: tus comandos docker y docker compose siguen funcionando, y al iniciarse por primera vez OrbStack se ofrece a copiar tus contenedores, imágenes y volúmenes de Docker Desktop. Arranca en segundos, usa menos del 0,1 % de CPU en segundo plano en Apple Silicon y devuelve a macOS la memoria que no usa. Además de contenedores, ejecuta máquinas Linux completas de 16 distribuciones y un clúster ligero de Kubernetes para desarrollo local. OrbStack lo hace Orbital Labs.Herramientas para desarrolladores
QuotaBarSi usas OpenAI Codex con una cuenta de ChatGPT, los límites de uso se reinician en una ventana de 5 horas y otra semanal, y para saber cuánto te queda tienes que abrir Codex o ChatGPT. QuotaBar pone el porcentaje restante en la barra de menús del Mac y lo actualiza cada 60 segundos. Haz clic en el icono para ver un panel detallado con cada ventana de límite y su cuenta atrás, o activa un pequeño HUD flotante que se queda encima de las demás ventanas.Herramientas para desarrolladores
Stargazer BarStargazer Bar es una pequeña app nativa de barra de menús para Mac que vigila repositorios de GitHub por ti. Pone un contador de estrellas en directo en la barra de menús, para que veas cómo va un proyecto sin tener una pestaña del navegador abierta, y un clic abre un menú con los detalles: gráficos de tendencia de estrellas y forks, totales de descargas de las versiones y un radar para mantenedores. Los repositorios públicos se miden por sus estrellas. Los privados, que no tienen estrellas, se miden por lo que requiere tu atención: una compilación fallida, un issue sin respuesta o un nuevo pull request.Herramientas para desarrolladores
Notch So GoodNotch So Good convierte el notch de tu MacBook en una pequeña pantalla de estado para agentes de programación con IA. Mientras Claude Code o la CLI de OpenAI Codex trabajan, una píldora negra amplía el notch: a la izquierda está Peek, un personaje en 3D, y a la derecha un anillo muestra cuánto queda de tu ventana de uso de 5 horas. Cuanto más te necesita una sesión, más sale Peek del notch. Cuando una tarea termina, falla o llega a un límite de uso, el notch se abre en una tarjeta que dice qué ha pasado y en qué proyecto, y un clic te lleva a la pestaña exacta del terminal, incluido el panel de tmux.Herramientas para desarrolladores
Claude UsageClaude Usage es una pequeña app nativa para quienes usan Claude Code. En la barra de menús muestra tu sesión actual de cinco horas, tu uso semanal de todos los modelos y de Sonnet, y tus créditos de pago por uso, cada uno con una barra de uso y su hora de reinicio, sin abrir Claude Code. También añade una línea bajo tu prompt de Claude Code con el modelo, lo lleno que está la ventana de contexto y los tokens usados, para que puedas compactar una sesión antes de quedarte sin espacio. Cada panel de terminal muestra su propia línea, también en tmux.Herramientas para desarrolladores
TintpadTintpad es un lanzador gratuito y de código abierto para desarrolladores que trabajan con agentes de programación de línea de comandos como Claude Code y Codex. Pulsa Opción-Comando-Espacio en cualquier lugar y una gota negra cae desde el notch de tu Mac, o cuelga bajo la barra de menús en los Mac que no lo tienen, con tus repositorios dentro. Escribe unas letras, pulsa Retorno y tu propia terminal se abre en ese repositorio con el agente ya en marcha, en el modo que usaste allí la última vez.Herramientas para desarrolladores
FULLMAC.app no aloja esta app. Los botones de descarga llevan a las páginas del propio desarrollador.