Awesome
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]
<a href="https://opencollective.com/react-native-debugger#backers" target="_blank"><img src="https://opencollective.com/react-native-debugger/backers.svg?width=890"></a>
Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]
<a href="https://opencollective.com/react-native-debugger#backers" target="_blank"><img src="https://opencollective.com/react-native-debugger/sponsors.svg?width=890"></a>