stream chat react
v12.8.1
チャットアプリケーションを構築するためのサービスであるStream Chatの公式Reactコンポーネント。
クイックリンク
コンポーネントライブラリを使用すると、次のようなさまざまなチャットユースケースを構築できます。
始めるための最良の方法は、Reactチャットのチュートリアルに従うことです。このSDKを使用して完全に機能するチャットアプリケーションを構築する方法を示し、一般的なカスタマイズが含まれています。
ストリームは、ほとんどの側面および趣味のプロジェクトで無料です。資格を得るには、プロジェクト/会社が5人以下のチームメンバーを持ち、月額収益で10,000ドル未満の稼ぎを獲得する必要があります。完全な価格と詳細については、チャット価格のページをご覧ください。
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>
ソーシャルメッセージング、チームコラボレーション、カスタマーサポート、ライブストリームゲーム、仮想イベントなど、さまざまなチャットユースケースを紹介する5つのデモアプリケーションを構築しました。これらのデモを当社のウェブサイトでプレビューできます。また、コードはオープンソースです。
ドキュメントジェネレーターを使用して、コンポーネントドキュメントを作成します。各チャットコンポーネントの簡単な説明を提供し、受け入れるすべての小道具を定義します。
Reactコンポーネントは、Stream-Chat-JSライブラリを使用して作成されます。コンポーネントをカスタマイズする場合は、WebサイトにドキュメントがあるJavaScriptクライアントを使用して、チャットAPIに追加の呼び出しを行う必要がある可能性があります。
バージョン5.0.0の時点で、コンポーネントライブラリはTypeScriptに変換されています。詳細と実装支援については、TypeScriptガイドをお読みください。
重要なロジックを実装するコンポーネントの場合、コンポーネントを2つの部分に分割すると役立ちます。機能性を処理するトップレベルコンポーネントと、UIをレンダリングする低レベルコンポーネントです。これにより、コンポーネントに機能性を与えるロジックを変更せずにUIを交換できます。このプロバイダー/消費者パターンをライブラリで頻繁に使用しています。以下の例は、アプリのロジックに影響を与えることなく、 Message UIコンポーネントをMessageTeamと交換する方法を示しています。
< Channel Message = { MessageTeam } >
< Window >
< ChannelHeader />
< MessageList />
< MessageInput />
</ Window >
< Thread />
</ Channel >ライブラリの事前に定義されたスタイルをオーバーライドするための好ましい方法は、2段階のプロセスです。まず、バンドルされたCSSをファイルにインポートし、チャットアプリケーションをインスタンス化します。次に、ブラウザインスペクターまたはライブラリコードを表示して、オーバーライドするストリームスタイルを見つけます。次に、[デフォルト]をオーバーライドするために、ローカルCSSファイルにセレクターを追加できます。例えば：
import 'stream-chat-react/dist/css/v2/index.css' ;
import './App.css' ; 当社のライブラリは、さまざまなユーザー言語の自動翻訳をサポートしています。詳細とセットアップガイダンスについては、国際化のドキュメントをお読みください。
このライブラリを改善するか、問題を修正するコードの変更を歓迎します。 GitHubにプルリクエストを送信する前に、すべてのベストプラクティスに従い、該当する場合はテストを追加してください。ニーズを満たしている場合、コードを公式リポジトリにマージできるようになりました。最初に貢献者ライセンス契約（CLA）に署名してください。詳細については、ライセンスファイルを参照してください。
最近、3800万ドルのシリーズBの資金調達ラウンドを閉鎖し、積極的に成長しています。私たちのAPIは10億人以上のエンドユーザーで使用されており、Streamで作業することで、非常に強力なエンジニアのチームに大きな影響を与える機会があります。
現在のオープニングをチェックして、StreamのWebサイトで申請してください。
このプロジェクトは、LGPLライセンスの下でlamejsライブラリを使用して、記録されたオーディオをMP3形式に変換します。ライブラリソースコードは動的にインポートされ、オーディオ録画が有効になっている場合にのみ使用されます。
元のJSライブラリのフォークであるLameJSリポジトリからlamejsのソースコードを取得できます。 https://lame.sourceforge.netでLameのソースコードを見つけることができ、そのライセンスはhttps://lame.sourceforge.net/license.txtで見つけることができます。
