Developer Documentation

Technical documentation for integrating the Snoopr SDK into your React Native app.

Overview

The Snoopr SDK lets you display beautiful in-app Stories created in the Snoopr dashboard. Stories are full-screen, interactive onboarding flows that can collect user preferences, explain features, and drive activation.

Key capabilities:

  • Zero-config display - Call Snoopr.showStory() once; the SDK handles fetching and rendering
  • Data capture - Collect user selections and toggle values from interactive elements
  • A/B testing - Run experiments with automatic traffic allocation
  • Offline support - Stories work without connectivity after initial load
  • Real-time updates - Publish changes without app store releases

Quick Start

Get up and running in three steps:

1. Install the SDK

npm install react-native-snoopr
# or
yarn add react-native-snoopr

2. Wrap Your App

import { SnooprProvider } from 'react-native-snoopr'

export default function App() {
  return (
    <SnooprProvider
      appId="your-app-id"
      apiKey="your-api-key"
    >
      <YourApp />
    </SnooprProvider>
  )
}

Find your App ID and API Key in the Snoopr dashboard under Settings > SDK.

3. Show Your Story

import { Snoopr } from 'react-native-snoopr'

// Call once at the appropriate point in your app
Snoopr.showStory()

That's it. The SDK fetches your live Story and displays it. By default, each Story shows once per app installation.

What's Next

Need Help?