Sendbird UIKIT React

Find the docs at: https://docs.sendbird.com/javascript/ui_kit_getting_started

For bugs and feature requests, visit: https://community.sendbird.com/

Samples: https://github.com/sendbird/SendBird-JavaScript/tree/master/uikit-samples

Install

npm i sendbird-uikit

> Note - If you are building for IE11, import an Array.prototype.find polyfill - https://www.npmjs.com/package/array.prototype.find or https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find#Polyfill

Available Components

The components that you receive once you install the uikit

* SendBirdProvider: The context provider that stores SDK and user information
* withSendBird: The Higher Order Component to access data from SendBirdProvider
* ChannelList: UI component to render a list of components
* Channel: A UI Component where conversations happen
* ChannelSettings: A component to change various settings of a given channel
* App: A full fledged app component made by combining the above components

Usage

There are two usages

$3

``
import React from 'react';

import { App as SendBirdApp } from 'sendbird-uikit';
import 'sendbird-uikit/dist/index.css';

function App() {
return (


export default App;
`

$3

`
import React, { useEffect, useState } from 'react';

import {
SendBirdProvider,
ChannelList,
Channel,
ChannelSettings,
} from 'sendbird-uikit';
import 'sendbird-uikit/dist/index.css';

export default function Chat({ userId, nickname, theme }) {
const [showSettings, setShowSettings] = useState(false);
const [currentChannelUrl, setCurrentChannelUrl] = useState(null);
return (