Quickstart

Installation

To get started with the Huddle01 React SDK, you can install the package using npm or yarn:

pnpm install @huddle01/react

Initializing the SDK:

First you need to configure HuddleProvider in your root component.

import { HuddleProvider, HuddleClient } from '@huddle01/react';
 
const huddleCLient = new HuddleClient({ projectId: "YOUR_PROJECT_ID" });
 
...
<HuddleProvider client={huddleCLient}>
  <App />
</HuddleProvider>
...

Joining Room

import { useRoom } from '@huddle01/react/hooks';
 
const { joinRoom } = useRoom({
   onJoin: () => {
     console.log('Joined room');
   }
});
 
// join room 
joinRoom({
   roomId: "YOUR_ROOM_ID",
   token: "YOUR_TOKEN"
});

Quickstart Walkthrough