Optimizely Rollout example

js.js

// optimizely.js
import optimizelySDK from '@optimizely/optimizely-sdk'

const optimizelyClientInstance = optimizelySDK.createInstance({
  datafile: window.optimizelyDatafile,
})

export default optimizelyClientInstance
  
/* -- */

import optimizelyClientInstance from './optimizely'

const enabled = optimizelyClientInstance.isFeatureEnabled('new_feature', 'user123');
if (enabled) {
  // Show your feature
}

react.jsx

import {
  createInstance,
  OptimizelyProvider,
  OptimizelyFeature,
} from '@optimizely/react-sdk'

const optimizely = createInstance({
  sdkKey: 'your-optimizely-sdk-key',
})

const optimizely = createInstance({
  sdkKey: 'your-optimizely-sdk-key',
})

class App extends React.Component {
  render() {
    <OptimizelyProvider
      optimizely={optimizely}
      timeout={500}
      userId={window.userId}
      userAttributes={{ plan_type: 'bronze' }}
    >
       <OptimizelyFeature feature="sort-algorithm">
        {(isEnabled, variables) => (
          <SearchComponent algorithm={variables.algorithm} />
        )}
      </OptimizelyFeature>