stream chat react
v12.8.1
官方的React组件用于流聊天，这是用于构建聊天应用程序的服务。
快速链接
使用我们的组件库，您可以构建各种聊天用例，包括：
最好的开始方法是关注React聊天教程。它向您展示了如何使用此SDK来构建功能齐全的聊天应用程序并包括常见的自定义。
大多数方面和爱好项目都是免费的。要获得资格，您的项目/公司必须拥有不超过5个团队成员，并且每月收入不足1万美元。有关完整的定价和详细信息，请访问我们的聊天定价页面。
npm install react react-dom stream-chat stream-chat-react
yarn add react react-dom stream-chat stream-chat-react
<script src="https://cdn.jsdelivr.net/npm/[email protected]/umd/react.production.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/stream-chat"></script>
<script src="https://cdn.jsdelivr.net/npm/stream-chat-react"></script>
我们已经构建了五个演示应用程序，展示了各种聊天用例，包括社交消息，团队协作，客户支持，直播游戏和虚拟活动。您可以在我们的网站上预览这些演示。另外，代码是开源。
我们使用DOC生成器来构建我们的组件文档。我们提供了每个聊天组件的简要说明，并定义了它接受的所有道具。
使用Stream-Chat-JS库创建了React组件。如果您要自定义组件，则很可能需要使用我们的JavaScript客户端向我们的聊天API拨打其他电话，该client上有我们的网站上的文档。
从5.0.0版本开始，组件库已转换为打字稿。请阅读《打字条指南》以获取详细信息和实施帮助。
对于实现重要逻辑的组件，将组件分为两个部分是有帮助的：可以处理功能性的顶级组件和呈现UI的较低级别组件。这样，您可以交换UI而不更改赋予组件功能的逻辑。我们在库中经常使用此提供商/消费者模式，以下示例显示了如何将Message UI组件与MessageTeam交换，而不会影响应用程序中的任何逻辑。
< Channel Message = { MessageTeam } >
< Window >
< ChannelHeader />
< MessageList />
< MessageInput />
</ Window >
< Thread />
</ Channel >覆盖库中预定义样式的首选方法是到两步过程。首先，将我们的捆绑CSS导入到您实例化聊天应用程序的文件中。其次，找到要使用浏览器检查器或查看库代码覆盖的任何流样式。然后，您可以将选择器添加到本地CSS文件中以覆盖我们的默认值。例如：
import 'stream-chat-react/dist/css/v2/index.css' ;
import './App.css' ; 我们的库支持各种用户语言的自动翻译。请阅读我们的国际化文档以获取更多详细信息和设置指导。
我们欢迎代码更改改善该库或解决问题。请确保遵循所有最佳实践，并在GitHub上提交拉动请求之前添加测试（如果适用）。如果满足需求，我们很高兴将您的代码合并到官方存储库中。确保首先签署我们的贡献许可协议（CLA）。有关更多详细信息，请参见我们的许可证文件。
我们最近关闭了3800万美元的B系列资金回合，并正在积极增长。我们的API被超过十亿的最终用户使用，通过在Stream上工作，您有机会对一个非常强大的工程师团队产生巨大影响。
查看我们当前的开口，并通过Stream的网站申请。
该项目在LGPL许可证下使用lamejs库将记录的音频转换为MP3格式。仅在启用音频记录时，库源代码才动态导入和使用。
您可以从LAMEJS存储库中获取lamejs的源代码，该存储库是原始JS库的叉子。您可以在https://lame.sourceforge.net及其许可证及其许可
