react-native-debugger

React Native Debugger is a standalone desktop application for debugging React Native mobile apps. React Native is a framework for building iOS and Android apps using JavaScript, and when something goes wrong in such an app, developers need specialized tools to inspect what is happening inside the running app. This tool collects several of those inspection tools into one window.

The app bundles three things together. First, it includes the standard remote debugger that React Native has always offered, which connects to your running app over a local network. Second, it includes React Inspector, which shows the component tree of your user interface so you can see how the UI is structured and check the values being passed to each piece. Third, it includes Redux DevTools, which is useful if your app uses Redux, a popular pattern for managing application state. Redux DevTools lets you see the history of every state change in the app and replay or rewind through them.

The app also integrates Apollo Client DevTools for apps that use Apollo, a client for fetching data from GraphQL APIs.

The README contains an important warning: as of the time of writing, the app only supports the older remote debugger architecture. Newer React Native setups that use the Hermes JavaScript engine or the New Architecture are not fully supported, and there is an open discussion in the repository about what it would take to add that support.

Installation is available as a downloadable binary for macOS, Linux, and Windows, or via Homebrew on macOS. For Arch Linux users there is an AUR package. The app is MIT-licensed and open source.