Get started with the Connect SDK in a React Native app

The Connect SDK for React Native captures how users interact with your app — screen views, touches, and exceptions — and delivers the data to Acoustic Connect for analytics, session replay, and audience targeting. It also enables identity-aware reporting and mobile push notifications. The SDK supports both bare React Native and Expo managed workflow projects.

Language: TypeScript and JavaScript

Availability: Pro, Premium, and Ultimate. Session replay and PII masking in session replay require Ultimate.


What's included in your plan

CapabilityProPremiumUltimate
Behavioral analytics
Push notifications
Identity signals
Session replay
PII masking in session replay

What the SDK captures

Automatically

The SDK captures the following data without any additional code beyond the initial <Connect> setup.

  • Screen views — automatic when your app uses React Navigation and passes a navigationRef to <Connect>. Apps using a different navigation library (or none) call setCurrentScreenName() from each screen instead.
  • Touches and keyboard input — tap capture is automatic. Enable captureKeyboardEvents on <Connect> to also capture text input interactions.
  • Device and session context — device and app metadata, locale, and changes in network connectivity, captured automatically by the same native Connect, Tealeaf, and EOCore modules used on native Android and iOS.
  • Exceptions — uncaught JavaScript exceptions are forwarded automatically. Log a caught exception with logExceptionEvent().

With additional setup

CapabilityDescriptionGuide
Push notificationsSend targeted messages via Apple Push Notification service (APNs) on iOS and Firebase Cloud Messaging (FCM) on Android. Your marketing team authors thumbnail images, expandable content, and tappable actions from Connect — no extra code per campaign.Enable push notifications in a React Native app
Identity signalsMatch anonymous app sessions to known contacts in your Connect audience by firing a signal at sign-in or registration.User identification signals in a React Native app
Custom events and signalsLog any event the SDK doesn't capture automatically — for example, a business-significant action — or a generic signal with your own attributes.Connect React Native SDK API reference
LocationLog the device's current location. Opt-in only — the SDK does not collect location automatically.Connect React Native SDK API reference
Session replay and PII maskingVisual reconstruction of sessions for UX analysis, with the option to mask sensitive fields — such as card numbers or names — before capture. Requires Ultimate.Mask PII in session replay

Requirements

LanguageTypeScript and JavaScript
WorkflowsBare React Native and Expo (managed workflow)
React Native versions0.82.0–0.85.x
Development environmentNode.js 20 or later. iOS builds require Xcode 26 or later.
Mobile app compatibilityiOS 15.1–26.2, Android 8–16 (API level 26–36)

See the integration guide for your workflow for the full requirements.


Integration path

The React Native integration is split into focused steps. Start with SDK integration, then add the features your app needs — identity and push are independent and can be adopted in either order.

  1. Integrate the SDK into your app: Bare React Native or Expo.
  2. Identify your users at sign-in and at registration.
  3. Enable push notifications — iOS and Android, for both bare React Native and Expo.
  4. Move your integration to production.

Sample apps

Two reference implementations are available: