Real-Time Segments for Feature Experimentation segment qualification methods for the React SDK

Prerequisites

You must enable and configure Real-Time Segments for Feature Experimentation before fetching qualified segments and checking if the user is qualified for the given audience segment.

fetchQualifiedSegments

Minimum SDK version

3.0.0 and higher

Description

You can use the fetchQualifiedSegments method to retrieve the external audience mapping for a specific user from the ODP server. The Optimizely Feature Experimentation React SDK provides an asynchronous version of the Optimizely Data Platform (ODP) fetchQualifiedSegments method.

fetchQualfiedSegments is a method of the ReactSDKClient object.

Parameters

The following table describes the parameters for the fetchQualifiedSegments method:

Returns

This method returns a Promise<bool>, which will resolve with true if segments are fetched successfully, and false otherwise.

📘

Note

You can read and write directly to the qualified segments array. This lets you bypass the remote fetching process from ODP or utilize your own fetching service. This can be helpful when testing or debugging.

Example fetchQualifiedSegments

The following is an example of calling the fetchQualifiedSegments method and accessing the returned completion object

import { createInstance } from "@optimizely/react-sdk";

const optimizelyClient = createInstance({
  sdkKey: '<Your_SDK_Key>'
});

export default function App() {
  optimizelyClient.onReady().then(() => {
    optimizelyClient.fetchQualifiedSegments();
  });
 
  return (
    <YourComponents />
  );
}

The following diagram shows the network calls between your application, the React SDK, and the ODP server when calling fetchQualifiedSegments:

1. Call the fetchQualifiedSegments method.
2. The React SDK makes a GraphQL call to ODP to fetch segments.
3. ODP responds with segments.
4. Fetched segments mapping user IDs to segments are cached.
5. Appropriate variations are returned for the user.

After the segments are fetched, they are cached. This means that if the same user is requesting the segments again (when new user contexts are created), the audience segment information can be retrieved from the cache instead of being fetched again from the remote ODP server.

The cache is used for the fetchQualifiedSegments call. This method is called on the user context (the user context is fixed, including the real-time segments the user qualifies for).

The cache only applies when calling the fetchQualifiedSegments call. If you set the cache timeout to 0, the cache is disabled. Optimizely uses the LRU algorithm, so the oldest record is bumped out when the maximum size is reached. If there is a cache miss upon the method call, Optimizely makes a network request.

If you would like to bypass caching, you can add the following options to your options array:

• OptimizelySegmentOption.IGNORE_CACHE – Bypass segments cache for lookup and save.
• OptimizelySegmentOption.RESET_CACHE – Reset all segments cache.

isQualifiedFor

Minimum SDK version

3.0.0 and higher

Description

Check if the user is qualified for the given audience segment.

Parameters

The following table describes the parameters for the isQualifiedFor method:

Returns

true if the user is qualified otherwise, false.

Examples

The following is an example of whether or not the user is qualified for an ODP segment:

import { createInstance } from "@optimizely/react-sdk";

const optimizelyClient = createInstance({
  sdkKey: '<Your_SDK_Key>'
});

export default function App() {
  optimizelyClient.onReady().then(() => {
    optimizelyClient.fetchQualifiedSegments();
    const isQualifiedForSegment1 =  optimizelyClient.getUserContext()?.isQualifiedFor("segment1");
    console.log(isQualifiedForSegment1); // true
  });
 
  return (
    <YourComponents />
  );
}

Source files

The language and platform source files containing the implementation for React are available on Github.