The debugging process will be executed on port 8081 as shown in the screenshot below: Hence, we will see the re-connection status on the title bar of the debugger app window. Using The React Native DebuggerĪfter a successful installation, we can simply open the React Native Debugger launch file. We can run the following command in the terminal: $ brew update & brew cask install react-native-debuggerĪfter installation, simply open the React Native Debugger.app file in your Applications folder (or use Spotlight search to locate it). For macOS, we can use Homebrew Cask to install. We can simply download the latest installation file from the release page. However, the React Native debugger packs a lot more features than the remote one. This debugger tool is based on the remote debugger which is included in React Native out of the box. You can easily integrate this debugger tool along with the Chrome Dev tool. React Native Debugger is a standalone debugger tool built using the Electron framework. If you are a developer of any programming background, you must have already come across a debugger in your life. In layman’s terms, a Debugger is a tool used for debugging.
#Html inspector for react native how to
In this article, we are going to learn how to install and use the React Native Debugger, which will boost your development productivity by an order of magnitude. It provides a suite of impressive features, such as UI inspector, redux inspector, breakpoints and networking inspector. React Native Debugger is a powerful tool that helps developers debug React Native applications more quickly.