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及其許可證及其許可
