MetaRouter React Native SDK

Capture behavioral data directly from your React Native app and route it through MetaRouter to any destination — without juggling multiple vendor SDKs.

View on GitHub

Why use the Mobile SDK?

One integration, unlimited destinations
Stop embedding separate SDKs for analytics, marketing, and data warehouses. Collect once, route everywhere through MetaRouter.

Update routing without app releases
Add or remove destinations server-side. No code changes, no app store review cycles.

Reliable delivery, even offline
Events are queued locally and delivered automatically when connectivity returns. Built-in retry logic handles transient failures. Offline mode supported for durable event persistence regardless of network conditions.

Automatic identity resolution
Track users from first app open through sign-up and beyond. The SDK manages anonymous IDs, persists identity across sessions, and connects pre-login activity to known users.

Privacy-ready by design
Built-in support for advertising ID consent, easy opt-out handling, and clean user data reset for GDPR/CCPA compliance.

Lightweight footprint
Minimal dependencies. Small impact on bundle size and startup time.

Quick start

1) Install the SDK

npm install @metarouter/react-native-sdk \
  @react-native-async-storage/async-storage \
  react-native-device-info

2) Initialize

import { createAnalyticsClient } from "@metarouter/react-native-sdk";

const analytics = await createAnalyticsClient({
  writeKey: "YOUR_WRITE_KEY",
  ingestionHost: "https://YOUR_CLUSTER.mr-in.com",
});

Your writeKey and ingestionHost are available in the MetaRouter dashboard.

3) Start tracking

// Track user actions
analytics.track("Product Viewed", {
  sku: "SHOE-123",
  price: 89.99,
});

// Identify known users
analytics.identify("user-456", {
  email: "[email protected]",
  plan: "premium",
});

// Track screen views
analytics.screen("Product Detail", {
  category: "Footwear",
});

Events are batched and delivered automatically. No additional setup required.

Core capabilities

Event tracking

User identity

Lifecycle & privacy

Identity that just works

The SDK automatically handles the complexity of user identity:

Before login — Users are assigned a stable anonymous ID (UUID v4)
On login — Call identify() to attach a known user ID
Across sessions — Identity persists through app restarts via AsyncStorage
On logout — Call reset() to clear everything and start fresh

Connect anonymous browsing to authenticated users with alias():

// User browses anonymously, then signs up
analytics.track("Product Viewed", { sku: "ABC" }); // tracked as anonymous

// User creates account
analytics.alias("new-user-789"); // links anonymous → known
analytics.identify("new-user-789", { email: "[email protected]" });

// Full journey is now connected in your downstream tools

Advertising & attribution

For ad attribution, you can include the platform advertising ID:

// Only after obtaining user consent
// iOS: IDFA | Android: GAID
analytics.setAdvertisingId(advertisingId);

// When user opts out
analytics.clearAdvertisingId();

Privacy note: Always obtain explicit consent before collecting advertising IDs iOS — Use the App Tracking Transparency framework to request permission Android — Respect the user’s ad personalization settings

React Hooks

Use the provider and hook for easy access throughout your app:

import {
  createAnalyticsClient,
  MetaRouterProvider,
  useMetaRouter,
} from "@metarouter/react-native-sdk";

// In your App component
const App = () => {
  const [analytics, setAnalytics] = useState(null);

  useEffect(() => {
    createAnalyticsClient({
      writeKey: "YOUR_WRITE_KEY",
      ingestionHost: "https://YOUR_CLUSTER.mr-in.com",
    }).then(setAnalytics);
  }, []);

  if (!analytics) return null;

  return (
    <MetaRouterProvider analyticsClient={analytics}>
      <YourApp />
    </MetaRouterProvider>
  );
};

// In any component
const ProductScreen = () => {
  const { analytics } = useMetaRouter();

  const handlePurchase = () => {
    analytics.track("Purchase Completed", { amount: 99.99 });
  };

  return <Button onPress={handlePurchase} title="Buy Now" />;
};

Configuration options

The React Native SDK is configured via the options object passed to createAnalyticsClient():

import { createAnalyticsClient } from "@metarouter/react-native-sdk";

const analytics = await createAnalyticsClient({
  writeKey: "YOUR_WRITE_KEY",
  ingestionHost: "https://YOUR_CLUSTER.mr-in.com",
  flushIntervalSeconds: 10,
  debug: false,
  maxQueueEvents: 2000,
  maxDiskEvents: 10000,
});

Key implementation notes

• Setting maxDiskEvents = 0 disables disk persistence; oldest events are dropped when the in-memory queue is full.
• Disk snapshots are rehydrated into the queue on the next init() and cleared on reset() or after successful rehydration.

Requirements

Peer dependencies