React Native

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components.

Here's how you can integrate the Antsomi SDK with your React Native apps:

1. Installation

Step 1: Run npm install @antsomicorp/antsomirnsdk to install the SDK.

Shell

npm install @antsomicorp/antsomirnsdk

2. Antsomi Instance Initialization

Initialize AntsomiRnSDK in your App.tsx

TypeScript

import AntsomiRnSDK from '@antsomicorp/antsomirnsdk';

AntsomiRnSDK.config('<YOUR_PORTAL_ID>','<YOUR_SOURCE_ID>','<YOUR_APPLICATION_ID>', '<YOUR_APP_GROUP_ID>');

In which:

Key	Description
YOUR_APP_GROUP_ID	Your iOS App Group ID. For example, group.antsomi.rn
YOUR_PORTAL_ID	Your CDP365 portal ID. For example, 564890637
YOUR_SOURCE_ID	Your CDP365 event source ID. For example, 564993464
YOUR_APPLICATION_ID	Your CDP365 application ID. For example, e4e8d06e-4d97-43df-93e8-c36238147ca0

Remember to verify the user's mobile device operating system to ensure accurate event source configuration. In CDP365, mobile app event sources are categorized into iOS and Android sources, so it's essential to distinguish between them based on the user's device OS.

---

NEXT STEP

• Tracking User Attributes

• Tracking User Events

• Configure Push Messaging

• Configure App In Box Messaging