Додајте коментаре у вашу React апликацију
Ово је званична React библиотека за FastComments.
Уградите видгете за коментарисање уживо, чет и рецензије у вашу React апликацију.
Репозиторијум
AI агенти за кодирање 
Дајте вашем агенту за кодирање FastComments контекст који му је потребан - виџети, конфигурација, Secure SSO, REST API и SDK‑ови:
npx skills add fastcomments/skillsРади са Claude Code, Codex, Cursor, Copilot, Gemini, и свим осталим агентима које подржава skills CLI подржава.
Живи демонстрација
Isprobajte svaki widget uživo na https://fastcomments.com/commenting-system-for-react/.
Инсталација
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-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" - доступан 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 репозиторијум за смернице о доприносу.