Додајте коментаре у вашу React апликацију
Ово је званична React библиотека за FastComments.
Уградите видгете за коментарисање уживо, чет и рецензије у вашу React апликацију.
Репозиторијум
Уживо демо 
Isprobajte svaki widget uživo na 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 run devСваки виџет/ток има сопствени приказ унутар examples/example-showcase/src/views/ који можете директно копирати у вашу сопствену React апликацију.
Примери
Појединачни случајеви употребе (тамни режим, пагинација, итд.) налазе се у својим фасциклама унутар examples/. Сваки се може поставити помоћу npm install и покренути помоћу npm run dev (Vite).
Коришћење
Главна компонента видгета
Компонента 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 репозиторијум за смернице о доприносу.