Run a Sample Conference Project - React Native

Video SDK provides open-source sample project videosdk-rtc-react-native-sdk-example on Github. This document introduces how to run this project.

Prerequisites

• React Native 0.59.10 or later
• Node 10 or later
• Valid Video SDK Account
• For Android
  • Java Development Kit (JDK) 8 or later
  • Android Studio (latest version recommended)
  • A physical or virtual mobile device running Android 5.0 or later
• For iOS
  • Xcode 9.4 or later
  • CocoaPods
  • A physical or virtual mobile device running iOS 9.0 or later

Generate Token

To manage secured communication, every participant that connects to meeting needs a access token. You can easily generate these token by using your apiKey and secret-key which you can get from VideoSDK Dashboard.

For developement purpose, you can generate a temporary token from VideoSDK Dashboard's API section.

tip

The best practice for getting token includes you generating it from your backend server which will help in keeping your credentials safe.

Run the Sample Project

Step 1: Clone the sample project

Clone the repository to your local environment.

git clone https://github.com/videosdk-live/videosdk-rtc-react-native-sdk-example.git

Step 2: Copy the .env.example file to .env file.

Open your favorite code editor and copy .env.example to .env file.

cp env.example .env;

Step 3: Modify .env file

Paste earlier generated temporary token here.

.env

REACT_APP_VIDEOSDK_TOKEN = "TEMPORARY-TOKEN";

Step 4: Install the dependecies

Install dependecies all the project dependencies.

npm install

Step 5: Run the sample app

Bingo, it's time to push the launch button.

npm run start
npm android
npm ios