Add Comments to Your React App
Ово је званична React библиотека за FastComments.
Уградите видгете за коментарисање уживо, чет и рецензије у вашу 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Сваки видгет/флоу има свој view у examples/example-showcase/src/views/ који можете директно копирати у своју React апликацију.
Примери
Појединачни примери употребе (тамна тема, пагинација, итд.) налазе се у својим фасциклама под examples/. Сваки се може инсталирати помоћу npm install и покренути помоћу npm start.
Коришћење
Главна компонента видгета
Компонента FastCommentsCommentWidget садржи уживо FastComments коментарски видгет.
Замените "demo" испод са вашим "tenantId" - доступан here у 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". Погледајте пример и објашњење here.
Регион налога (ПАЖЊА: корисници из ЕУ)
Ако сте у ЕУ, требало би да обавестите клијент видгете у којем сте региону. Погледајте examples/example-eu;
У супротном, не морате дефинисати region.
Видгет броја коментара
Компонента FastCommentsCommentCountWidget садржи уживо FastComments видгет броја коментара.
Замените "demo" испод са вашим "tenantId" - доступан here у 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 репозиторијум за смернице о доприносу.