
Мова 🇺🇦 Українська
Документація
Початок роботи
Використання
Додайте коментарі до вашого React-додатку
Це офіційна бібліотека React для FastComments.
Вбудовуйте віджети для коментування в реальному часі, чату та оглядів у ваш React-додаток.
Репозиторій
AI агенти кодування 
Надайте вашому кодовому агенту контекст FastComments, який йому потрібен — віджети, конфігурація, Secure SSO, REST API та SDK:
npx skills add fastcomments/skills
Працює з Claude Code, Codex, Cursor, Copilot, Gemini та будь‑яким іншим агентом, який підтримує skills CLI.
Живий демонстраційний приклад 
Спробуйте кожен віджет у реальному часі за https://fastcomments.com/commenting-system-for-react/.
Живий показ 
Щоб побачити кожен віджет і потік, що працюють локально проти публічного орендаря demo, клонувати репозиторій і запустити:
npm install
npm run build
cd examples/example-showcase
npm install
npm run dev
Приклади посилаються на бібліотеку через file:../.., тому крок npm run build у корені потрібен один раз, щоб створити dist/.
Кожен віджет/потік має власний вигляд у examples/example-showcase/src/views/, який ви можете скопіювати безпосередньо у свою React‑аплікацію.
Приклади 
Індивідуальні випадки використання (темний режим, пагінація тощо) розташовані у власних папках під examples/. Кожен можна налаштувати за допомогою npm install і запустити за допомогою npm run dev (Vite).
Використання 
Основний компонент віджета
Компонент FastCommentsCommentWidget містить живий віджет коментарів FastComments.
Замініть "demo" нижче на ваш "tenantId" — доступний тут в адміністративній частині FastComments.
Віджет підтримує безліч налаштувань — див. FastCommentsCommentWidgetConfig у src/index.tsx.
import React, { Component } from 'react'
import {FastCommentsCommentWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}
Оновлення поточної сторінки (для SPA-додатків)
Щоб оновити сторінку/статтю, до якої прив'язана нитка коментарів, потрібно оновити параметри конфігурації "urlId" та "url". Див. приклад та пояснення тут.
Регіон облікового запису (УВАГА: клієнти з ЄС)
Якщо ви в ЄС, варто вказати клієнтським віджетам ваш регіон. Див. examples/example-eu;
Інакше вам не потрібно визначати region.
Віджет лічильника коментарів
Компонент FastCommentsCommentCountWidget містить живий віджет підрахунку коментарів FastComments.
Замініть "demo" нижче на ваш "tenantId" — доступний тут в адміністративній частині FastComments.
Див. FastCommentsCommentCountConfig у src/index.tsx для підтримуваних параметрів конфігурації.
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 для інструкцій щодо внесків.