
Мова 🇺🇦 Українська
Початок роботи
Використання
Add Comments to Your React App
Це офіційна бібліотека React для FastComments.
Віджети коментування FastComments для React
Репозиторій
Приклади 
Ви знайдете приклади для різних випадків використання (темний режим, пагінація тощо) у папці examples. Кожен приклад можна встановити за допомогою npm install і запустити за допомогою npm run 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.
Потрібна допомога?
Якщо ви зіткнулися з будь-якими проблемами або маєте запитання щодо бібліотеки React, будь ласка:
Як зробити внесок
Внески вітаються! Будь ласка, відвідайте репозиторій GitHub для інструкцій щодо внесків.