Black Friday Sale Upgrade Your Home →

Use the Debugger

Use the Debugger in a React Native App

React Native applications can be debugged with the Chrome debugger by inserting a debugger command in React Native. Then, you can see all the variables and their values in the current scope, and even change the values, and continue execution. We’ll also use breakpoints in the debugger, and learn how to pause on exceptions - all of which can be used to better understand what is happening during an error or exception case.

Debugger tools

A debugger statement placed in your React Native code will pause execution and bring up the debugger tools. Here we can check the current value of different variables, set other breakpoints, and watch particular variables we are interested in.

Enabling Pause on caught exceptions checkbox will pause execution of the app and open the debugger tools immediately before the exception is thrown. This is a fantastic way to quickly identify why an unexpected exception is being thrown.

🤔More information on debugging React Native apps in the docs.


🐦   Previous   💼   Next