> For the complete documentation index, see [llms.txt](https://docs.antsomi.com/developers-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.antsomi.com/developers-guide/hybrid-apps/react-native.md).

# React Native

[React Native](https://facebook.github.io/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.

{% tabs %}
{% tab title="Shell" %}

```sh
npm install @antsomicorp/antsomirnsdk
```

{% endtab %}
{% endtabs %}

### 2. Antsomi Instance Initialization

Initialize AntsomiRnSDK in your `App.tsx`

{% tabs %}
{% tab title="TypeScript" %}

```typescript
import AntsomiRnSDK from '@antsomicorp/antsomirnsdk';

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

{% endtab %}
{% endtabs %}

In which:

<table><thead><tr><th width="250">Key</th><th>Description</th></tr></thead><tbody><tr><td><code>YOUR_APP_GROUP_ID</code></td><td><p>Your iOS App Group ID. </p><p>For example, <code>group.antsomi.rn</code></p></td></tr><tr><td><code>YOUR_PORTAL_ID</code></td><td>Your CDP365 portal ID.<br>For example, <code>564890637</code></td></tr><tr><td><code>YOUR_SOURCE_ID</code></td><td>Your CDP365 event source ID.<br>For example, <code>564993464</code></td></tr><tr><td><code>YOUR_APPLICATION_ID</code></td><td>Your CDP365 application ID.<br>For example, <code>e4e8d06e-4d97-43df-93e8-c36238147ca0</code></td></tr></tbody></table>

{% hint style="warning" %}
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.
{% endhint %}

***

**NEXT STEP**

* [Tracking User Attributes](/developers-guide/hybrid-apps/react-native/tracking-users.md)
* [Tracking User Events](/developers-guide/hybrid-apps/react-native/tracking-events.md)
* [Configure Push Messaging](/developers-guide/hybrid-apps/react-native/push-messaging.md)
* [Configure App In Box Messaging](/developers-guide/hybrid-apps/react-native/app-inbox-messaging.md)