Hackle React Native SDK

React Native SDK for Hackle A/B Tests, Feature Flags, Remote Configs, and Analytics.

Install

npm install --save @hackler/react-native-sdk
// yarn add @hackler/react-native-sdk
Copy

iOS

cd ios
pod install
Copy

Usage

initialize

import { createInstance } from '@hackler/react-native-sdk';

const hackleClient = createInstance('YOUR_APP_SDK_KEY');

const App: () => React$Node = () => {
  return (
    <HackleProvider hackleClient={hackleClient}>
      <YourApp/>
    </HackleProvider>
  );
};
Copy

Decide the variation

function App() {
  return (
    <HackleExperiment experimentKey={42}>
      <HackleVariation variation={'A'}>
        <OldBlueButton/>
      </HackleVariation>
      <HackleVariation variation={'B'}>
        <NewRedButton/>
      </HackleVariation>
    </HackleExperiment>
  )
};
Copy

Decide the Feature

function App() {
  return (
    <HackleFeature featureKey={42}>
      {(isOn) =>
        (isOn ? <NewFeature/> : <OldFeature/>)
      }
    </HackleFeature>
  )
};
Copy

Recodes the event

const track = useTrack()
const event = {
  key: 'purchase',
  properties: {
    first_paying: false,
    item_count: 5
  }
}

<Button onPress={() => track(event)} title={'Purchase'}/>
Copy