No results for ""
EXPAND ALL
  • Home
  • API docs

GIVE DOCS FEEDBACK

React Native SDK 7.x to 8.0 migration guide

Read time: 5 minutes
Last edited: Nov 29, 2023

Overview

This topic explains the changes in the React Native 8.0 release and how to migrate to that version.

Version 8.0 includes breaking changes. It removes the deprecated LDUser. To learn more, read Understanding what was removed.

Version 8 also introduces the ability to have LaunchDarkly automatically provide data about the mobile environment where the application is running. This data makes it simpler to target your mobile customers based on application name or version, or on device characteristics including manufacturer, model, operating system, and so on.

When you configure the SDK, starting in version 8.0 you can indicate whether LaunchDarkly should or should not include this data.

This data is provided in two new context kinds. The data is added automatically to each evaluation context you provide.

Customers who are billed by primary context kind may be charged based on the ld_device context kind if it becomes the context kind with the highest volume of monthly activity in their account. This feature does not affect customers on other billing models. To learn more, read Calculating client-side billing in the Account usage metrics topic.

Before you migrate to version 8.0, we recommend updating to the latest 7.x version. If you update to the latest 7.x version, deprecation warnings appear in areas of your code that need to be changed for 8.0, for example, any use of LDUser. You can update these areas at your own pace while still using 7.x, rather than migrating everything simultaneously. To learn more about updating to the latest 7.x version, visit the SDK's GitHub repository.

Understanding changes to configuration options

Version 8.0 introduces a new, optional configuration parameter. Use this to indicate whether LaunchDarkly should automatically provide data about the mobile environment where the application is running as part of each evaluation context. If not set, this parameter defaults to false.

Here's how:

let config: ld.LDConfig = {
mobileKey: 'mobile-key-123abc',
enableAutoEnvAttributes: true
};

To disable this option, use enableAutoEnvAttributes: false instead.

To learn more, read LDConfig.

Understanding the automatically added environment attributes

If you enable autoEnvAttributes in the SDK client configuration, the SDK automatically adds two additional contexts to each context that you evaluate. You can use attributes from these contexts in your targeting rules.

Working with multi-contexts

Because the SDK automatically adds contexts, every evaluation context is now a set of multiple contexts, which is called a multi-context. This means to you can create targeting rules in your feature flags based on data from multiple contexts at once. To learn more, read Multi-contexts.

These automatically added contexts include the following attributes:

Context kindContext attributeDescriptionExample
ld_applicationkeyUnique for this context kind. Automatically generated by the SDK.randomly generated
idUnique identifier of the application.com.launchdarkly.example
localeLocale of the device, in IETF BCP 47 Language Tag format.en-US
nameHuman-friendly name of the application.Example Mobile App
versionVersion of the application used for update comparison.1.2.3
versionNameHuman-friendly name of the version. May or may not be a semantic version.1.2
envAttributesVersionVersion of the environment attributes schema being used. This may change in later versions of the SDK.1.0
ld_devicekeyUnique for this context kind. Automatically generated by the SDK.randomly generated
manufacturerManufacturer of the device.Apple
modelModel of the device.iPhone
osOperating system of the device. Includes properties for family, name, and version.
  • family: Apple
  • version: 16.2
  • name: iOS
envAttributesVersionVersion of the environment attributes schema being used. This may change in later versions of the SDK.1.0

If the SDK cannot determine the information for a particular attribute, it will not include that attribute. For example, if the SDK cannot determine the device's model, it will not include the model attribute.

Automatic environment attributes and application metadata configuration

If you are already setting application metadata as part of your SDK configuration, you can still use this new environment attributes feature. Any application metadata that you set will override the automatically collected environment attributes.

Specifically, ld_application context attributes are set based on the following priority order:

  1. If you set values for application id or application version using application metadata configuration in the SDK, then the ld_application context will reflect those values.
  2. Otherwise, if you have set values for the application id or application version within your mobile app, the ld_application context will reflect those values.
  3. Otherwise, the ld_application context will use the LaunchDarkly SDK name and version.

Understanding changes to application information

In previous versions, you could use the application options to set the application id and application version. Starting with version 8, you can also set the application name and version name.

Here's how:

let client = new LDClient();
let config = {
mobileKey: 'mobile-key-123abc',
enableAutoEnvAttributes: true,
application: {
id: 'authentication-service',
name: 'Authentication-Service',
version: '1.0.0',
versionName: 'v1',
},
};
let context = { key: 'user-key-123abc', 'kind': 'user' };
await ldClient.configure(config, context);

Understanding what was removed

Version 8.0 removes the deprecated LDUser. Version 7 of the React Native SDK replaced users with contexts. Starting in version 8, the deprecated LDUser is removed.

Here's how to construct a basic context, as compared with constructing a user:

const user = {
key: 'user-key-123abc'
};
const ldClient = new LDClient();
const config = {
mobileKey: 'mobile-key-123abc'
};
try {
await ldClient.configure(config, user);
} catch (err) {
console.error(err);
}

To learn more about replacing users with contexts, read the React Native SDK 6.x to 7.0 migration guide and Best practices for upgrading users to contexts.