Dodajte komentare u vašu React aplikaciju
Ovo je zvanična React biblioteka za FastComments.
Ugradite komentare uživo, chat i widgete za recenzije u vašu React aplikaciju.
Repozitorijum
Demo uživo 
Isprobajte svaki widget uživo na https://fastcomments.com/commenting-system-for-react.
Instalacija
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-reactPrikaz uživo
Da biste videli svaki widget i flow koji se pokreću lokalno protiv javnog demo tenant‑a, klonirajte repozitorijum i pokrenite:
cd examples/example-showcase
npm install
npm run devSvaki widget/flow ima svoj prikaz pod examples/example-showcase/src/views/ koji možete direktno kopirati u svoju React aplikaciju.
Primeri
Individualni slučajevi upotrebe (tamni režim, paginacija, itd.) nalaze se u svojim sopstvenim folderima pod examples/. Svaki se može postaviti pomoću npm install i pokrenuti sa npm run dev (Vite).
Upotreba
Glavna komponenta widgeta
Komponenta FastCommentsCommentWidget sadrži live FastComments komentar widget.
Zamenite "demo" ispod sa vašim "tenantId" - dostupan ovde u FastComments administratorskom delu.
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 SPAs)
Da biste ažurirali stranicu/članak kojoj je nit komentara vezana, morate ažurirati parametre konfiguracije "urlId" i "url". Pogledajte primer i objašnjenje ovde.
Region naloga (PAŽNJA: EU kupci)
Ako ste u EU, treba da obavestite klijentske widgete u kom regionu se nalazite. Pogledajte examples/example-eu;
Inače, ne morate definiсati region.
Widget za broj komentara
Komponenta FastCommentsCommentCountWidget sadrži live FastComments widget za broj komentara.
Zamenite "demo" ispod sa vašim "tenantId" - dostupan ovde u FastComments administratorskom delu.
Pogledajte FastCommentsCommentCountConfig u src/index.tsx za podržane opcije konfiguracije.
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 funkcionalnosti) bez objavljivanja ove biblioteke, tako da iako možda neće biti objavljena neko vreme, to ne znači da FastComments nije u aktivnom razvoju! Slobodno pogledajte naš blog za ažuriranja. Promene koje narušavaju kompatibilnost API-ja ili funkcionalnosti nikada neće biti isporučene u osnovnu biblioteku bez povećanja verzije u ovoj biblioteci.
Need Help?
Ako naiđete na probleme ili imate pitanja u vezi React biblioteke, molimo vas da:
Contributing
Doprinosi su dobrodošli! Molimo posetite GitHub repository za smernice o doprinosima.