React Router Surveys installation
- 1
Install the package
RequiredInstall the PostHog JavaScript library and React SDK using your package manager:
- 2
Configure Vite
RequiredAdd
posthog-jsand@posthog/reacttossr.noExternalin yourvite.config.tsto avoid SSR errors:vite.config.ts - 3
Add the PostHogProvider
RequiredInitialize PostHog and wrap your app with the
PostHogProviderin yourapp/entry.client.tsxfile:app/entry.client.tsx - 4
Send events
Click around and view a couple pages to generate some events. PostHog automatically captures pageviews, clicks, and other interactions for you.
If you'd like, you can also manually capture custom events:
JavaScript - 5
Next steps
RecommendedAfter installing the PostHog SDK, you can create your first survey.
Resource Description Creating surveys Learn how to build and customize your surveys Targeting surveys Show surveys to specific users based on properties, events, or feature flags How to create custom surveys Build advanced survey experiences with custom code Framework guides Setup guides for React, Next.js, Vue, and other frameworks More tutorials Other real-world examples and use cases You should also identify users and capture events with PostHog to control who and when to show surveys to your users.
Not all survey features are available on every SDK. See the SDK feature support matrix for a full comparison.