React Native

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

ConnectyCube React Native SDK is ready to start developing apps with messaging functionality – chat, user authorization, file attachments, push notifications and many more.

We are also going to continue our effort in the area and release the video chat support soon, so you will be able to implement the video calling capabilities based on WebRTC technology: 1-1 video chat, group chat, mute/unmute opponents, switch camera and video recording.

Before start: Register a FREE ConnectyCube account, then create your 1st app and obtain an app credentials: follow https://connectycube.com/signup

Code samples

Chat code sample for React Native

React Native chat code sample, list of chats React Native chat code sample, chat history React Native chat code sample, login screen

Create an App

Create React Native App, use the Getting Started for reference:

Install the Expo CLI command line utility:

  npm install -g expo-cli

Then run the following commands to create a new React Native project called "AwesomeChat":

  expo init AwesomeChat
  cd AwesomeChat
  npm install

Then you can start a development server for you:

  npm start

Connect SDK

  1. Simply install the ConnectyCube SDK package in a normal way:

    npm install connectycube-reactnative --save
  2. You’re ready to go. Open App.js file, import ConnectyCube SDK and initialize an instance of the ConnectyCube client:

    import {ConnectyCube} from 'connectycube-reactnative';
    var CB = new ConnectyCube();
  3. Now you can initialize the ConnectyCube SDK and connect it to your ConnectyCube app.

  4. Start integrate Messaging capabilities using JavaScript Messaging guide

Have any issues?

Simply create an issue at our GitHub page and we will answer quickly.