React Native A/B testing without repeat app-store releases.

1. Install

npm install @diti/sdk

Add the provider near the root of the app. The account and app IDs identify the configuration this build can receive.

2. Read a control and track the goal

// App.tsx
import { Platform } from "react-native";
import { DitiProvider } from "@diti/sdk/react";
import { OnboardingScreen } from "./OnboardingScreen";

export default function App() {
  return (
    <DitiProvider
      accountId="YOUR_ACCOUNT_ID"
      appId="YOUR_APP_ID"
      endpoint="https://your-diti-endpoint"
      surface={Platform.OS === "ios" ? "ios" : "android"}
    >
      <OnboardingScreen />
    </DitiProvider>
  );
}

// OnboardingScreen.tsx
import { Button, Text, View } from "react-native";
import { useControl, useTrack } from "@diti/sdk/react";

export function OnboardingScreen() {
  const headline = useControl(
    "onboarding.headline",
    "Find your next favorite item",
  );
  const track = useTrack();

  return (
    <View>
      <Text>{headline}</Text>
      <Button
        title="Get started"
        onPress={() => track("onboarding_completed")}
      />
    </View>
  );
}