Agora RTC SDK React Wrapper (Archive)

Agora now offers an official React SDK!

The React SDK (2.x) repo is available here.
It's released as v2.x under the same npm package.

Links for 2.x

• Docs
• API Reference
• NPM Package
• GitHub Repo

---

1.x (this repo)

A react (react.js) wrapper for Agora RTC NG SDK.

This wrapper supports React >= v16.8

Install

1npm install agora-rtc-react

Usage

1import React from "react";
2import { AgoraVideoPlayer, createClient, createMicrophoneAndCameraTracks } from "agora-rtc-react";
3
4const config = {mode: "rtc", codec: "vp8"}
5
6const useClient = createClient(config);
7const useMicrophoneAndCameraTracks = createMicrophoneAndCameraTracks();
8
9const App = () => {
10  const client = useClient();
11  const { ready, tracks } = useMicrophoneAndCameraTracks();
12
13  return (
14    ready && <AgoraVideoPlayer videoTrack={tracks[1]} style={{height: '100%', width: '100%'}} />
15  )
16}
17

Example

A full videocall example using the wrapper can be found here.

Reference

You can view the methods in the wrapper here.