
Мова 🇺🇦 Українська
Документація
Початок роботи
Використання
Add Comments to Your React App
Це офіційна бібліотека React для FastComments.
Вбудовуйте віджети для коментування в реальному часі, чату та оглядів у ваш React-додаток.
Репозиторій
Жива демонстрація 
Спробуйте кожен віджет у реальному часі на https://fastcomments.com/commenting-system-for-react.
Жива презентація 
Щоб побачити всі віджети й потоки, які запускаються локально проти публічного орендаря demo, склонуйте репозиторій і запустіть:
cd examples/example-showcase
npm install
npm start
Кожен віджет/потік має власний вигляд у examples/example-showcase/src/views/, який ви можете скопіювати безпосередньо у свій власний React-додаток.
Приклади 
Окремі варіанти використання (темна тема, пагінація тощо) розташовані у власних папках під examples/. Кожен можна встановити за допомогою npm install і запустити за допомогою npm start.
Використання 
Основний компонент віджета
Компонент 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 для інструкцій щодо внесків.