Dodajte komentare u svoju React aplikaciju
Ovo je službena React biblioteka za FastComments.
Ugradite widgete za komentiranje uživo, chat i recenzije u vašu React aplikaciju.
Repozitorij
AI agenti za kodiranje 
Dajte svom programskom agentu FastComments kontekst koji mu je potreban – widgete, konfiguraciju, Secure SSO, REST API i SDK‑ove:
npx skills add fastcomments/skillsRadi s Claude Code, Codex, Cursor, Copilot, Gemini i svim ostalim agentima koje podržava skills CLI.
Živa demonstracija
Isprobajte svaki widget uživo na https://fastcomments.com/commenting-system-for-react/.
Instalacija
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-reactŽiva prezentacija
Da biste vidjeli sve widgete i tokove koji se pokreću lokalno protiv javnog demo najemnika, klonirajte repozitorij i pokrenite:
npm install
npm run build
cd examples/example-showcase
npm install
npm run devPrimjeri se povezuju s bibliotekom putem file:../.., pa je korak npm run build u korijenu potreban jednom da bi se proizveo dist/.
Svaki widget/tok ima svoj prikaz pod examples/example-showcase/src/views/ koji možete izravno kopirati u svoju React aplikaciju.
Primjeri
Individualni slučajevi upotrebe (tamni način, paginacija, itd.) nalaze se u svojim vlastitim mapama pod examples/. Svaki se može postaviti s npm install i pokrenuti s npm run dev (Vite).
Upotreba
Glavna komponenta widgeta
Komponenta FastCommentsCommentWidget sadrži uživo FastComments widget za komentare.
Zamijenite "demo" u nastavku sa svojim "tenantId" - dostupan ovdje u FastComments administratorskom području.
Widget podržava mnogo opcija - pogledajte FastCommentsCommentWidgetConfig u src/index.tsx.
import React, { Component } from 'react'
import {FastCommentsCommentWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}Ažuriranje trenutne stranice (za SPA aplikacije)
Da biste ažurirali stranicu/artikal za koji je vezana nit komentara, morate ažurirati konfiguracijske parametre "urlId" i "url". Pogledajte primjer i objašnjenje ovdje.
Regija računa (PAŽNJA: korisnici iz EU)
Ako ste u EU, trebate klijentskim widgetima reći u kojoj se regiji nalazite. Pogledajte examples/example-eu;
U suprotnom, ne morate definirati region.
Widget za broj komentara
Komponenta FastCommentsCommentCountWidget sadrži uživo FastComments widget za broj komentara.
Zamijenite "demo" u nastavku sa svojim "tenantId" - dostupan ovdje u FastComments administratorskom području.
Pogledajte FastCommentsCommentCountConfig u src/index.tsx za podržane konfiguracijske opcije.
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" />
}
}Nativno
Za potpuno nativnu implementaciju FastComments pogledajte fastcomments-react-native-sdk.
Za React Native omotač ove biblioteke koji koristi webview, pogledajte fastcomments-react-native.
Status održavanja
Ove komponente su omotači oko naših osnovnih VanillaJS komponenti. Možemo automatski ažurirati ove komponente (ispraviti greške, dodati značajke) bez objavljivanja ove biblioteke, pa čak i ako možda neće biti objavljena neko vrijeme, to ne znači da FastComments nije u aktivnom razvoju! Slobodno provjerite naš blog za ažuriranja. Promjene API-ja koje narušavaju kompatibilnost ili značajke nikada neće biti isporučene u osnovnu biblioteku bez povećanja verzije u ovoj biblioteci.
Trebate pomoć?
Ako naiđete na bilo kakve probleme ili imate pitanja o React biblioteci, molimo:
Doprinosi
Doprinosi su dobrodošli! Posjetite spremište na GitHubu za smjernice o doprinosu.