Debugging

Debugging React Native Apps #

To debug the javascript code of your react app do the following:

1. Run your application in the iOS simulator.
2. Press Command + D and a webpage should open up at http://localhost:8081/debugger-ui. (Chrome only for now)
3. Enable Pause On Caught Exceptions for a better debugging experience.
4. Press Command + Option + I to open the Chrome Developer tools, or open it via View -> Developer -> Developer Tools.
5. You should now be able to debug as you normally would.

Hint

To debug on a real device: Open the file RCTWebSocketExecutor.m and change localhost to the IP address of your computer. Shake the device to open the development menu with the option to start debugging.

Optional #

Install the React Developer Tools extension for Google Chrome. This will allow you to navigate the view hierarchy if you select the React tab when the developer tools are open.

Live Reload #

To activate Live Reload do the following:

1. Run your application in the iOS simulator.
2. Press Control + Command + Z.
3. You will now see the Enable/Disable Live Reload, Reload and Enable/Disable Debugging options.