React Native Debugger App Icon

There will always be bugs — we will never run out of them. There is struggle and get frustated debugging, and then there is chilling debugging where there is a tool to help you save time and effort.

As the wise Edsger Dijkstra once said

If debugging is the process of removing software bugs, then programming must be the process of putting them in.

What is React Native Debugger?

React Native Debugger is a standalone app for debugging React Native Applications. It combines 3 very important debugging tools to make your development life cycle awesome.

Screenshot of React Native Debugger zero state

React Developer Tools lets you inspect the React component hierarchy, including component props and state. It gives you the ability to inspect/change elements in your react native app just like you would in your web browser for webpages

Redux DevTools lets you inspect every state and action payload change. It provides a clean interface for tracking every state change in your application and every fired action. I truly love this.

Chrome DevTools:

This comes by default with React Native. When you click on “Remote Debugging”, a Chrome tab is opened. When you print to the console with console.log in your code or use the debugger statement, you can see them in your Chrome devtools.

React Native Debugger brings all these tools together and makes your development life a whole lot easier, trust me.