jhen0409 / react-native-debugger

The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools

React Native Debugger

⚠️ This app is currently only supported old Remote Debugger, if you're looking for new debugger support (e.g. Hermes / JSI / New Architecture) of React Native Debugger, please follow discussion#774.

Run the redux example of react-navigation with Redux DevTools setup

This is a standalone app for debugging React Native apps:

• Based on official Remote Debugger and provide more functionality.
• Includes React Inspector from react-devtools-core.
• Includes Redux DevTools, made the same API with redux-devtools-extension.
• Includes Apollo Client DevTools (apollographql/apollo-client-devtools) as devtools extension.

Installation

To install the app, you can download a prebuilt binary from the release page.

For macOS, you can use Homebrew Cask to install:

< Homebrew 2.6.0

brew update && brew install --cask react-native-debugger

>= Homebrew 2.6.0

brew install --cask react-native-debugger

This puts React Native Debugger.app in your /applications/ folder.

NOTICE: React Native Compatibility

To use this app you need to ensure you are using the correct version of React Native Debugger and react-native:

React Native Debugger	react-native
>= 0.11	>= 0.62
<= 0.10	<= 0.61

We used different auto-update feed for v0.10 and v0.11, so you won't see update tips of v0.11 from v0.10.

Install last release of v0.10 (0.10.7)

< Homebrew 2.6.0

brew update && brew cask install https://raw.githubusercontent.com/Homebrew/homebrew-cask/b6ac3795c1df9f97242481c0817b1165e3e6306a/Casks/react-native-debugger.rb

>= Homebrew 2.6.0

brew install --cask https://raw.githubusercontent.com/Homebrew/homebrew-cask/b6ac3795c1df9f97242481c0817b1165e3e6306a/Casks/react-native-debugger.rb

Arch-based distributions

You can install react-native-debugger-bin from Arch User Repository:

git clone https://aur.archlinux.org/react-native-debugger-bin.git
cd react-native-debugger-bin
makepkg -si

# or using AUR helper
paru -S react-native-debugger-bin

Build from source

Please read Development section in docs/contributing.md for how to build the app from source.

Documentation

• Getting Started
• Debugger Integration
• React DevTools Integration
• Redux DevTools Integration
• Apollo Client DevTools Integration
• Shortcut references
• Network inspect of Chrome Developer Tools
• Enable open in editor in console
• Config file in home directory
• Troubleshooting
• Contributing

Documentation (v0.10)

Please visit v0.10 branch.

Credits

• Great work of React DevTools
• Great work of Redux DevTools / Remote Redux DevTools and all third-party monitors.
• Great work of Apollo Client DevTools). (Special thanks to @Gongreg for integrating this!)

Backers

Thank you to all our backers! 🙏 [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

LICENSE

MIT