React Quickstart

Install the LiveKit SDK:

Copied!
yarn add livekit-client @livekit/components-react

Copied!
npm install livekit-client @livekit/components-react --save

Note that this example hardcodes a token. In a real app, you’ll need your server to generate a token for you.

Copied!
import { LiveKitRoom, VideoConference } from '@livekit/components-react';

const wsURL = "<wsURL>"
const token = "<token>"

export function App() {
  return (
    <LiveKitRoom token={token} serverUrl={wsURL} connect={true}>
      <VideoConference />
    </LiveKitRoom>
  );
}

Use our Server SDKs to create a backend server than generates tokens for your app at runtime:

NodeJS

Go

Ruby

Kotlin