Dyte 网络核心 - 反应
一个提供Dyte核心功能的SDK,在React.
探索文件“
查看演示
• 妇女
报告错误
• 妇女
请求特性
目录
关于项目
核心SDK提供了Dyte的核心功能,同时让开发者在它之上构建自定义的UI.
内设
开始
让本地的复制品跟随这些简单的步骤运行.
先决条件
- 无
安装
npm install @dytesdk/react-web-core
使用量
首先,开始初始化 DyteClient 实例 useDyteClient() 钩.
import { useDyteClient, DyteProvider } from '@dytesdk/react-web-core';
const App = () => {
const [client, loadClient] = useDyteClient();
useEffect(() => {}, []);
return (
<DyteProvider value={client}>
{/* Render your UI here. Subcomponents can now use the `useDyteMeeting` and `useDyteSelector` hooks */}
</DyteProvider>
);
};
现在你可以使用 useDyteMeeting 财务报告和审定财务报表 useDyteSelector 钩子,你要的:
import { useDyteMeeting, useDyteSelector } from '@dytesdk/react-web-core';
const Meeting = () => {
// in case you want to use the whole meeting object
const meeting = useDyteMeeting();
// in case you just want to use a `slice` of a meeting object
// these are optimized so that re-renders only occur when the selected slice changes
const messages = useDyteSelector((meeting) => meeting.chat.messages);
const activeParticipants = useDyteSelector(
(meeting) => meeting.participants.active
);
return <div>{/* render your UI */}</div>;
};
关于
react-web-core 由 Dyte, Inc 创建和维护。 你可以在推特上找到我们 @dyte io (英语) 或者给我们写信 dev [at] dyte.io。 。 。 .
Dyte的名字和标志是Dyte, Inc的商标.