User Guide
SDK Quickstart - React Native (Expo)
Start sending your first notification in 10 minutes.
Before Getting Started
Overview
This guide walks you through setting up the Clix SDK in a React Native project using Expo. It covers all required steps including installing dependencies, configuring Firebase, and initializing the SDK. By following this quickstart, you can send your first notification in just a few minutes. The instructions assume you have an existing Expo project and a Firebase setup ready to use.Prerequisites
- Have an Expo project created using the latest Expo CLI.
- Create or use an existing Firebase project in the Firebase Console.
- Note your Android package name and iOS bundle identifier, matching your app.json setup (Expo will prompt if missing).
Install React Native Firebase
You can skip this step if you already integrate React Native Firebase.Make sure your React Native Expo project is using expo-dev-client with a local development build (not the standard Expo Go app).This is required to enable platform-native features such as push notifications.If your project isn’t using expo-dev-client yet, run the following script to install it:
1. Install React Native Firebase Core Module
1. Install React Native Firebase Core Module
Add the core Firebase module:
2. Add Firebase Config Files
2. Add Firebase Config Files
From the Firebase console download:
- google-services.json (for Android)
- GoogleService-Info.plist (for iOS)
3. Build and Run
3. Build and Run
To apply native code and config:
Install React Native Firebase
1. Install Clix Dependency
1. Install Clix Dependency
Add the Clix modules:
2. Add Clix Initialize Code
2. Add Clix Initialize Code
Make sure to add the code below at the very beginning of your app’s execution — ideally where your app is first initialized.
3. Build and Run
3. Build and Run
To apply native code and config:
We also recommend rebooting the simulator and reinstalling the app before running it again.