React Native Debugger for MAC

Free, open-source standalone app for debugging React Native apps, with React Inspector, Redux DevTools and Apollo Client DevTools. Remote Debugger only.

React Native Debugger Overview

React Native Debugger is a free, open-source standalone app for debugging React Native apps. It is based on the official Remote Debugger and adds more functionality, bringing React Inspector, Redux DevTools and Apollo Client DevTools together in one window. To use it, you open the app, make sure other debugger clients are closed, and turn on Debug JS Remotely in your app's developer menu.

React Native Debugger is made by Jhen-Jie Hong and released under the MIT licence. It has an important limitation: it only supports the old Remote Debugger, not Hermes, JSI or the New Architecture, and no newer release has followed version 0.14.0. Check that it fits your project first. Versions from 0.11 need react-native 0.62 or later. Version 0.14.0 is a universal app for Intel and Apple Silicon, needs macOS 10.13 or later, and is based on Electron 25.

Key Features

React Native Debugger puts the main debugging tools for React Native in one app.

  • Remote debugging: based on the official Remote Debugger, with more functionality.
  • React Inspector: included from react-devtools-core.
  • Redux DevTools: included, with the same API as redux-devtools-extension.
  • Apollo Client DevTools: included as a devtools extension.
  • Network inspection: inspect network traffic with the Chrome Developer Tools.
  • Debugger windows: open a new window with Command+T and set the port you need.
  • Launch by URI: start it from the command line with the rndebugger: address scheme.
  • Config file: keep your settings in a file in your home folder.

What’s New in Version 0.14.0

React Native Debugger 0.14.0 upgrades its core parts and improves forms.

  • Pressing Enter now works on forms
  • Upgraded to Electron 25
  • Upgraded react-devtools-core to 4.28.0, with a source map warning fixed
  • Upgraded redux-devtools to the latest version
  • Upgraded apollo-client-devtools to version 4
  • No longer checks the host for Open in Editor

React Native Debugger FAQ

Is React Native Debugger free?

Yes. It is free and open source under the MIT licence.

Does React Native Debugger support Hermes or the New Architecture?

No. It only supports the old Remote Debugger. Support for Hermes, JSI and the New Architecture is not in version 0.14.0.

Which React Native version does it need?

React Native Debugger 0.11 and later need react-native 0.62 or later. For older projects, version 0.10 works with react-native 0.61 and earlier.

Which macOS version does it need?

Version 0.14.0 needs macOS 10.13 or later.

Does it run on Apple Silicon?

Yes. The Mac download is a universal app for Apple Silicon and Intel.

How do I connect my app?

Close other debugger clients, open React Native Debugger, then turn on Debug JS Remotely in your app's developer menu.

Which port does it use?

It connects to the debugger proxy on port 8081 by default. Open a new window with Command+T to set another port.

Which tools are included?

React Inspector, Redux DevTools and Apollo Client DevTools are all included.

Can I install it with Homebrew?

Yes. Run: brew install --cask react-native-debugger

Where does the React Native Debugger download on react-native-debugger.FULLMAC.app come from?

The download button leads to the official React Native Debugger releases page at https://github.com/jhen0409/react-native-debugger/releases/latest. react-native-debugger.FULLMAC.app does not change or repackage the app.

Similar Apps

FULLMAC.app does not host this app. Download buttons lead to the developer’s own pages.

React Native Debugger for MAC – Free Debugger | FULLMAC.app