Fri Oct 14 2022

...

FastComments React Nativeを使用してネイティブアプリケーションにライブチャットを追加する

! この記事には技術用語が含まれています

新機能

FastCommentsでは、FastCommentsを使用してReact Nativeアプリケーションを構築する新しい方法を導入しました。以前は、VanillaJSライブラリをラップしたreact-nativeを使用していました。これにより、ライブラリを読み込むためにアプリ内にウェブビュー（ブラウザ）が必要となり、いくつかのメモリおよびレイテンシの問題が発生していました。

私たちは今、FastCommentsをReact Nativeに完全に移植し、ウェブビューの必要を完全に排除する独自のWYSIWYGエディタを作成しました。

ライブラリは、さまざまなスキンとレイアウトをサポートします。たとえば、ライブチャットスタイルのダークスキンであるErebusスキンは次の通りです：

ライブラリは、GitHubのFastComments/fastcomments-react-native-sdkや NPMでも利用可能です。

カスタマイズ可能

新しいネイティブライブラリは、既存のウェブライブラリと同様にカスタマイズ可能に設計されています。

あなたは：

• ライブラリが使用するすべてのアセットとアイコンをカスタマイズできます。
• すべてのコンポーネントのスタイリングを、上からStylesオブジェクトを渡すことでカスタマイズできます。
• すべての翻訳をカスタマイズできます。
• 定義済みのスキンやコミュニティが開発したスキンのいずれかを使用できます。
• ウェブライブラリがサポートする多くの構成オプションを利用できます。

完全な機能一覧

ライブラリは多くの機能をサポートしています。不完全なリストは以下の通りです：

• ブロッキング
• チャットリアクション
• 子コメントと返信
• カスタムスタイル（タイプ指定されたスタイルシートとして）
• 絵文字
• フラグ付け
• Gifブラウザー - デフォルトのトレンドと検索機能を備えています。画像と検索はプロキシで匿名化されています。
• ライブコメント
• メディア選択とアップロード
• 画像サポートを持つネイティブWYSIWYGエディタ。
• 通知サービス（バックグラウンドでユーザーの未読通知を取得してプッシュなど）
• 通知リスト（ベルをクリックすると表示）。サブスクリプションをサポートします。
• ペジネーション（ボタン）
• ペジネーション（無限スクロール）
• コメントのピン留め
• セキュアでシンプルなSSOおよび匿名コメント。
• いくつかの定義済みスキン。
• コメントの表示/非表示トグル
• スレッド
• ユーザー活動インジケーター
• 投票

仕組み

このライブラリは、TypeScriptとReact Nativeで書き直されたFastCommentsクライアントです。

長期計画

長期的には、VanillaJSライブラリとreact-nativeライブラリを並行して維持し、今後開発する可能性のあるネイティブライブラリも管理します。

次は？

私たちは、ウェブエコシステムと同様に、このライブラリを改善するためにユーザーやコミュニティからのフィードバックを楽しみにしています。

まとめ

このライブラリは、多くの方に長らく待たれていたことを私たちは知っています。すべての大規模なリリースと同様に、私たちはこのライブラリを最適化し、テストし、適切にリリースするために時間をかけられたことを嬉しく思います。

乾杯！