Crash reporting for React Native

Kristine Pinedo in Features on October 25, 2016

You can now automatically detect crashes in your React Native applications using Bugsnag — the first platform with official support for React Native crash reporting. Bugsnag for React Native alerts you when crashes happen, and collects diagnostic information for each crash to help you reproduce and fix bugs impacting your users.

Detect crashes in your React Native apps

Bugsnag for React Native detects crashes properly across the JavaScript and native platform layers including iOS and Android. In every case, you’ll get a fully readable stacktrace which is possible through sourcemaps for the JavaScript layer, dSYMs for native iOS, and Proguard mapping files for Android.

React Native Stacktrace

Installing Bugsnag for React Native into your project is also optimized to be as easy as possible. It works for both applications built from scratch in React Native, or existing projects on iOS and Android in which you’ve integrated React Native. The library includes an installation script which automatically sets up the native portions of your application.

Debug for better ratings using diagnostic data

Along with a full stacktrace for every error, Bugsnag for React Native also automatically collects important information about the crash. You’ll receive device and app information, including details like device model, OS version, and thread state to give you a better understanding of what was happening in your app prior to a crash.

Fragmentation across mobile devices can make it more complicated to reproduce and fix crashes, and so collecting debug information is essential. With Bugsnag, you can filter by any of these metrics to find any subset of crash data, for example you can search for errors by device manufacturer or OS.

Automatically see user information for each crash

Delivering a crash-free experience for your users is especially important on mobile. Bugsnag for React Native gathers information about your users right out of the box. We map every crash to the user who saw it, so you can see how many users are affected by a particular crash, and surface a list of the users impacted for each error.

React Native apps targeting iOS will also see automatically captured user actions leading up to a crash to help you accurately reproduce errors. Low memory warnings, menu presentation, table view selection, non-fatal errors, and more details are presented in a timeline prior to Bugsnag receiving the crash.

You can also filter by user name, email, or ID to find all the errors a particular user has seen. This is especially helpful if you have a user reported crash because it’s easy to find the error they’ve reported — filter by their user information combined with the time.

We’re excited to launch official support for React Native, and we’ll be working to expand features, so be on the lookout for more automatic breadcrumbs.

To learn more about Bugsnag’s React Native crash reporting, check out our documentation.