React Native SDK

npm install @justanalyticsapp/react-native
# or
yarn add @justanalyticsapp/react-native

# Install peer dependencies
npx expo install expo-device expo-constants

// App.tsx
import { JustAnalyticsProvider } from '@justanalyticsapp/react-native';

export default function App() {
  return (
    <JustAnalyticsProvider
      siteId="YOUR_SITE_ID"
      apiKey="YOUR_API_KEY"
      environment="production"
    >
      <NavigationContainer>
        <AppNavigator />
      </NavigationContainer>
    </JustAnalyticsProvider>
  );
}

import { useJustAnalytics } from '@justanalyticsapp/react-native';

function AppNavigator() {
  const { trackScreen } = useJustAnalytics();

  return (
    <NavigationContainer
      onStateChange={(state) => {
        const currentRoute = getActiveRouteName(state);
        trackScreen(currentRoute);
      }}
    >
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Profile" component={ProfileScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

import { useJustAnalytics } from '@justanalyticsapp/react-native';

function PaymentScreen() {
  const { captureException } = useJustAnalytics();

  const handlePayment = async () => {
    try {
      await processPayment();
    } catch (error) {
      captureException(error, { tags: { screen: 'payment' } });
    }
  };

  return <Button onPress={handlePayment} title="Pay Now" />;
}

import { JustAnalyticsErrorBoundary } from '@justanalyticsapp/react-native';

function App() {
  return (
    <JustAnalyticsErrorBoundary fallback={<CrashScreen />}>
      <MainApp />
    </JustAnalyticsErrorBoundary>
  );
}

const { trackEvent } = useJustAnalytics();

trackEvent('purchase_complete', {
  product: 'Pro Plan',
  price: 49.99,
  currency: 'USD',
});

const { startSpan } = useJustAnalytics();

const loadData = async () => {
  const result = await startSpan('load-feed', async () => {
    const response = await fetch('/api/feed');
    return response.json();
  });
  setData(result);
};

const { setUser } = useJustAnalytics();

// After login
setUser({
  id: user.id,
  email: user.email,
  name: user.name,
});