This topic documents how to get started with the LaunchDarkly observability plugin for the React Native SDK.The React Native SDK supports the observability plugin for error monitoring, logging, and tracing.
LaunchDarkly’s SDKs are open source. In addition to this reference guide, we provide source, API reference documentation, and a sample application:
This reference guide assumes you are familiar with the LaunchDarkly React Native SDK.The observability plugin requires React Native SDK version 10.10.0 or later.The React Native SDK version 10.x is compatible with Expo. Only iOS and Android platforms are supported. Web is not supported. The React Native SDK v10.x is compatible with React Native 0.72, 0.73, 0.74, 0.76, and with Expo 51, Expo
Not all React Native and Expo versions have been tested with the observability plugin, as it is still in Early Access.
LaunchDarkly uses a plugin to the React Native SDK to provide observability.The first step is to make both the SDK and the observability plugin available as dependencies.Here’s how:
Next, initialize the SDK and the plugin.To initialize, you need your LaunchDarkly environment’s mobile key. This authorizes your application to connect to a particular environment within LaunchDarkly. To learn more, read Initialize the client and identify a context in the React Native SDK reference guide.
The React Native observability SDK uses a mobile key. Keys are specific to each project and environment. They are available from Project settings, on the Environments list. To learn more about key types, read Keys.Mobile keys are not secret and you can expose them in your client-side code without risk. However, never embed a server-side SDK key into a client-side application.
Here’s how to initialize the SDK and plugin:
const client = new ReactNativeLDClient( 'example-mobile-key', AutoEnvAttributes.Enabled, { plugins: [ new Observability() ], } );
You can configure options for the observability plugin when you initialize the SDK. The plugin constructor takes an optional object with the configuration details.Here is an example:
const client = new ReactNativeLDClient( 'example-mobile-key', AutoEnvAttributes.Enabled, { plugins: [ new Observability({ serviceName: 'example-service', // we recommend setting service_version to the latest deployed git SHA serviceVersion: 'example-sha' }) ], } );
The observability plugin supports the following features. After the SDK and plugins are initialized, you can access these from within your application:
After you initialize the SDK and observability plugin, your application automatically starts sending observability data back to LaunchDarkly, including errors and logs. You can review this information in the LaunchDarkly user interface. To learn how, read Observability.