Add Comments to Your React App
これは FastComments の公式 React ライブラリです。
あなたの React アプリにライブコメント、チャット、レビューのウィジェットを埋め込めます。
リポジトリ
ライブデモ 
すべてのウィジェットをライブでお試しください https://fastcomments.com/commenting-system-for-react.
インストール
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-reactライブショーケース
公開の demo テナントに対してローカルで実行されているすべてのウィジェットとフローを確認するには、リポジトリをクローンして以下を実行してください:
cd examples/example-showcase
npm install
npm start各ウィジェット/フローは examples/example-showcase/src/views/ 以下にそれぞれのビューを持っており、これをそのまま自分の React アプリにコピーできます。
例
個別のユースケース（ダークモード、ページネーションなど）は examples/ 配下の各フォルダにあります。各フォルダは npm install でセットアップし、npm start で起動できます。
使用方法
メインウィジェットコンポーネント
The FastCommentsCommentWidget component contains the live FastComments comment widget.
下の "demo" をあなたの "tenantId" に置き換えてください - FastComments 管理画面の こちら で確認できます。
このウィジェットは多くのオプションをサポートしています - 詳細は src/index.tsx の FastCommentsCommentWidgetConfig を参照してください。
import React, { Component } from 'react'
import {FastCommentsCommentWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}現在のページの更新（SPAの場合）
コメントスレッドが紐付いているページ/記事を更新するには、設定パラメータの "urlId" と "url" を更新する必要があります。 例と説明は こちら を参照してください。
アカウントのリージョン（注意：EUのお客様）
EU にいる場合、クライアントウィジェットにリージョンを指定する必要があります。See examples/example-eu;
それ以外の場合、region を定義する必要はありません。
コメントカウントウィジェット
The FastCommentsCommentCountWidget component contains the live FastComments comment count widget.
下の "demo" をあなたの "tenantId" に置き換えてください - FastComments 管理画面の こちら で確認できます。
サポートされている設定オプションは src/index.tsx の FastCommentsCommentCountConfig を参照してください。
import React, { Component } from 'react'
import {FastCommentsCommentCountWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentCountWidget tenantId="demo" urlId="https://example.com/some-page-or-id" />
}
}ネイティブ
FastComments を完全にネイティブで実装する場合は、fastcomments-react-native-sdk を参照してください。
このライブラリの React Native ラッパー（webview を使用）については、fastcomments-react-native を参照してください。
メンテナンス状況
これらのコンポーネントは、コアの VanillaJS コンポーネントのラッパーです。これらのコンポーネントは自動的に更新（バグ修正や機能追加）でき、このライブラリを公開せずに変更を反映できるため、しばらく公開されないからといって FastComments の開発が行われていないわけではありません。更新については 当社のブログ をご確認ください。重大な API の変更や新機能は、このライブラリのバージョンを上げることなしに基盤となるコアライブラリへは決して反映されません。
ヘルプが必要ですか？
React ライブラリに関して問題が発生したり質問がある場合は、以下のいずれかを行ってください：
貢献
貢献は歓迎します！貢献に関するガイドラインはGitHubリポジトリをご覧ください。