React アプリにコメントを追加する
これは FastComments の公式 React ライブラリです。
あなたの React アプリにライブコメント、チャット、レビューのウィジェットを埋め込めます。
リポジトリ
AI コーディングエージェント 
コーディングエージェントに必要な FastComments のコンテキストを提供します - ウィジェット、設定、Secure SSO、REST API、そして SDK：
npx skills add fastcomments/skillsClaude Code、Codex、Cursor、Copilot、Gemini、そして skills CLI がサポートするすべてのエージェントで動作します。
ライブデモ
ライブで全てのウィジェットを試すには https://fastcomments.com/commenting-system-for-react/。
インストール
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-reactライブショーケース
パブリック demo テナントに対してローカルで全てのウィジェットとフローを実行するには、リポジトリをクローンして以下を実行してください:
npm install
npm run build
cd examples/example-showcase
npm install
npm run dev例は file:../.. を介してライブラリにリンクしているため、dist/ を生成するためにルートで npm run build を一度実行する必要があります。
examples/example-showcase/src/views/ 以下に各ウィジェット/フローのビューがあり、それらをそのまま自分の React アプリにコピーできます。
例
個別のユースケース（ダークモード、ページネーションなど）は examples/ の各フォルダにあります。各ケースは npm install でセットアップし、npm run dev（Vite）で起動できます。
使用方法
メインウィジェットコンポーネント
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リポジトリをご覧ください。