open-index/open-npm huggingface dataset:
npm package: @softwares-land/components-react2
Description: A LiveKit Components implementation in [React](https://reactjs.org/).
Author: LiveKit
Latest version: 0.7.1

# LiveKit Components **React**

A LiveKit Components implementation in [React](https://reactjs.org/).

<!--NAV_START-->

## Monorepo Navigation

- [Home](../../README.md)
- **Docs**
  - [Docs](../../docs/alpha-docs/README.md)
  - [Storybook](../../docs/storybook/README.md)
- **Framework Implementations**:
  - [React 👈](../../packages/react/README.md)
- **Examples**
  - [Next.js](../../examples/nextjs/README.md)
- **Internal Packages**
  - [Core](../../packages/core/README.md)
  - [Styles](../../packages/styles/README.md)

<!--NAV_END-->

## Install

```bash
yarn install @livekit/components-react
```

## Usage

```tsx
import { LiveKitRoom } from '@livekit/components-react';

<LiveKitRoom token="<livekit-token>" serverUrl="<url-to-livekit-server>" connect={true} />;
```

## Architecture Overview

![React specific implementation of LiveKit Components](./../../.github/assets/components-react-implementation.png)