Hackle React SDK

Install

1npm install @hackler/react-sdk --save
2yarn add @hackler/react-sdk

Usage

initialize

1import { createInstance, HackleProvider } from "@hackler/react-sdk";
2
3const hackleClient = createInstance("YOUR_SDK_KEY")
4const user = {
5  id: "ae2182e0", 
6  properties: {
7    app_version: "1.0.1",
8    age: 23,
9    paying_customer: true
10  } 
11}
12ReactDOM.render(
13  <HackleProvider hackleClient={hackleClient} user={user} timeout={1000}>
14    <YourApp />
15  </HackleProvider>,
16  document.getElementById('root')
17);

Decide the variation

1function App() {
2  return (
3    <HackleExperiment experimentKey={42}>
4      <HackleVariation variation={"A"}>
5        <OldBlueButton />
6      </HackleVariation>
7      <HackleVariation variation={"B"}>
8        <NewRedButton />
9      </HackleVariation>
10    </HackleExperiment>
11  )
12}

Records the event

1const track = useTrack()
2const event = {
3  key: "purchase",
4  value: 5000,
5  properties: {
6    first_paying: false,
7    item_count: 5
8  }
9}
10
11<button onClick={() => track(event)}>Purchase</button>