@sentry/react-native

What is @sentry/react-native?

@sentry/react-native is a comprehensive error tracking and performance monitoring tool for React Native applications. It helps developers capture and report errors, monitor application performance, and gain insights into issues affecting their apps.

What are @sentry/react-native's main functionalities?

Error Tracking

This feature allows you to capture and report errors in your React Native application. The code sample initializes Sentry with a DSN and captures an exception.

import * as Sentry from '@sentry/react-native';

Sentry.init({
  dsn: 'https://[e-mail]/0',
});

try {
  throw new Error('Test error');
} catch (error) {
  Sentry.captureException(error);
}

Performance Monitoring

This feature allows you to monitor the performance of your application. The code sample initializes Sentry with a DSN and a traces sample rate, then starts and finishes a transaction.

import * as Sentry from '@sentry/react-native';

Sentry.init({
  dsn: 'https://[e-mail]/0',
  tracesSampleRate: 1.0,
});

const transaction = Sentry.startTransaction({
  name: 'test-transaction',
});

setTimeout(() => {
  transaction.finish();
}, 2000);

Breadcrumbs

Breadcrumbs are used to record events that lead up to an error. The code sample initializes Sentry and adds a breadcrumb for a user login event.

import * as Sentry from '@sentry/react-native';

Sentry.init({
  dsn: 'https://[e-mail]/0',
});

Sentry.addBreadcrumb({
  category: 'auth',
  message: 'User logged in',
  level: Sentry.Severity.Info,
});

User Feedback

This feature allows users to provide feedback when an error occurs. The code sample initializes Sentry and shows a report dialog for user feedback.

import * as Sentry from '@sentry/react-native';

Sentry.init({
  dsn: 'https://[e-mail]/0',
});

Sentry.showReportDialog({
  title: 'Feedback',
  subtitle: 'Please describe what you were doing when the error occurred.',
  labelName: 'Name',
  labelEmail: 'Email',
  labelComments: 'Comments',
  labelSubmit: 'Submit',
  successMessage: 'Thank you for your feedback!',
});

Other packages similar to @sentry/react-native

bugsnag-react-native

Bugsnag provides error monitoring and crash reporting for React Native applications. It offers similar functionalities to Sentry, such as error tracking, performance monitoring, and user feedback. Bugsnag is known for its user-friendly interface and detailed error reports.

instabug-reactnative

Instabug provides comprehensive bug and crash reporting for React Native applications. It offers similar functionalities to Sentry, including error tracking, performance monitoring, and user feedback. Instabug is known for its in-app feedback and bug reporting capabilities, which allow users to report issues directly from the app.

README

Sentry SDK for React Native

Requirements:

• react-native >= 0.38 for iOS
• react-native >= 0.41 for Android
• react-native-sentry >= 0.39.0 requires react-native >= 0.56.0
• sentry-cli >= 1.9.0 (brew install getsentry/tools/sentry-cli)

With this SDK, Sentry is now able to provide mixed stacktraces. This means that if a JavaScript call causes a crash in native code, you will see the last call from JavaScript before the crash. This also means that with the new SDK, native crashes are properly handled on iOS.

Additional device information

When using this library you will get a lot more information about the device surrounding your crashes.

Without native integration

With native integration

Mixed Stacktraces⁽¹⁾

Documentation

https://docs.sentry.io/clients/react-native/

⁽¹⁾only supported on iOS