Getting Started

With the React SDK, you can add dynamic content for personalization to any component.
Install React SDK
Install the @ninetailed/experience.js-react module via npm or yarn.
Install module via npm
1
npm install @ninetailed/experience.js-react
Copied!
Install module via yarn
1
yarn add @ninetailed/experience.js-react
Copied!
How to Use
This is what the configuration of @ninetailed/experience.js-react looks like:
1
import React from 'react';
2
import {
3
  NinetailedProvider
4
} from '@ninetailed/experience.js-react';
5
​
6
export const App = () => {
7
    return (<>
8
        <NinetailedProvider 
9
          /* required */
10
          clientId="Your_API_Key"
11
          /* The environment defaults to main - set this if you want to use another */
12
          environment="main"
13
          /* If the preview is enabled Draft Audiences will be applied to the profile */ 
14
          preview={false}
15
          /* Sets needed plugins */
16
          plugins=[]
17
          /* Translate Location names to the set locale - useful for Mergetags */
18
          locale="en-US"
19
          /* The maximum loading time until the fallback (Baseline) will be shown */
20
          requestTimeout={500}
21
          /* The profile can be set, when you got that information from SSR or ESR */
22
          profile={profileFormSSR}
23
         >
24
            <YourAppCode />
25
        </AnalyticsProvider>
26
    </>);   
27
}
Copied!
​Your API Key can be found in the Ninetailed dashboard.
​
Profile
​

Delivery - Previous

React

Profile

Last modified 6d ago

Copy link

Contents

Install React SDK

How to Use