Skip to main content
PostHog

​
Quick Start

1

First, go to the PostHog Setup and create an account.
2

After you create your account, you’ll see this screen.
PostHog Create Project
Click the Product Analytics button.
3

After you click the Product Analytics button, you’ll see this screen and pick the React Native option.
PostHog Product Analytics
4

Copy the apiKey and host.
PostHog apiKey and host
5

Go to the .env file and add this:
EXPO_PUBLIC_POSTHOG_API_KEY=your-posthog-api-key-here
EXPO_PUBLIC_POSTHOG_HOST=your-posthog-host-here
6

Then go to the app/_layout.tsx file and add this:
app/_layout.tsx
import { PostHogProvider } from 'posthog-react-native';
import { posthog } from '@/services/posthog/posthogConfig';
7

And add this to the bottom of the app/_layout.tsx file:
app/_layout.tsx
const RootLayout = () => {
return (
  <Provider store={store}>
    {/* If you want to use Posthog, add the following lines 👇 */}
    <PostHogProvider client={posthog}>
    <AuthProvider>
     {...}
    </AuthProvider>
    </PostHogProvider> {/* 👈 */}
  </Provider>
  );
};
8

This is optional, but if you want to session replay, you can uncomment some of the following lines:
As a final step, go to the @services/posthog/posthogConfig.ts file and you can uncomment some of the following lines.
9

That’s it. You are done. Capture even the Imagination!