React Native debugging experience improves with LogBox

January 21, 2020

React Native 0.62 RC1 was released this morning and it introduces the new LogBox debugging experience that was teased months ago! Let’s take a quick look and see how this new feature works:

Warnings

First, let’s take a look at what warnings used to look like:

1

And how about now with LogBox?

2

Much better!

Errors

Now, let’s take a look at what errors used to look like:

3

And how about now with LogBox?

4

Huge win here! We no longer are forced into the full red screen of death!

Render Errors

Alright, let’s take a look at what errors that occured in the render method used to look like:

5

And how about now with LogBox?

6

Much nicer. We now also get a view of the Component Stack and the error itself has been defined as a Component Exception

Very excited for this new feature to land in React Natve 0.62!