Tilføj kommentarer til din React-app
Dette er det officielle React-bibliotek for FastComments.
Integrer live-kommentarer, chat og review-widgets i din React-app.
Arkiv
AI-kodningsagenter 
Giv din kodeagent den FastComments‑kontekst, den har brug for – widgets, konfiguration, Secure SSO, REST‑API’en og SDK’erne:
npx skills add fastcomments/skillsFungerer med Claude Code, Codex, Cursor, Copilot, Gemini og alle andre agenter, som skills CLI understøtter.
Live-demo
Prøv hver widget live på https://fastcomments.com/commenting-system-for-react/.
Installation
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-reactLive-udstilling
For at se hver widget og flow kørende lokalt mod den offentlige demo lejer, klon repoet og kør:
npm install
npm run build
cd examples/example-showcase
npm install
npm run devEksemplerne linker til biblioteket via file:../.., så root npm run build-trinnet er nødvendigt én gang for at producere dist/.
Hver widget/flow har sin egen visning under examples/example-showcase/src/views/, som du kan kopiere direkte ind i din egen React-app.
Eksempler
Individuelle brugssager (dark mode, paginering osv.) findes i deres egne mapper under examples/. Hver kan sættes op med npm install og startes med npm run dev (Vite).
Brug
Hoved-widget-komponenten
The FastCommentsCommentWidget component indeholder den live FastComments kommentar-widget.
Erstat "demo" nedenfor med din "tenantId" - tilgængelig her i FastComments administrationsområdet.
Widget'en understøtter mange muligheder - se FastCommentsCommentWidgetConfig i src/index.tsx.
import React, { Component } from 'react'
import {FastCommentsCommentWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}Opdatering af den aktuelle side (for SPAs)
For at opdatere den side/artikel, som kommentartråden er knyttet til, skal du opdatere konfigurationsparametrene "urlId" og "url". Se eksemplet og forklaringen her.
Kontoregion (VIGTIGT: EU-kunder)
Hvis du er i EU, bør du angive over for klient-widgets, hvilken region du befinder dig i. Se examples/example-eu;
Ellers behøver du ikke definere region.
Kommentaroptællings-widgeten
The FastCommentsCommentCountWidget component indeholder den live FastComments kommentaroptællings-widget.
Erstat "demo" nedenfor med din "tenantId" - tilgængelig her i FastComments administrationsområdet.
Se FastCommentsCommentCountConfig i src/index.tsx for de understøttede konfigurationsmuligheder.
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" />
}
}Nativ
For en fuldstændig nativ implementering af FastComments, se fastcomments-react-native-sdk.
For en React Native-wrapper af dette bibliotek, der benytter en webview, se fastcomments-react-native.
Vedligeholdelsesstatus
Disse komponenter er indpakninger omkring vores kerne VanillaJS-komponenter. Vi kan automatisk opdatere disse komponenter (rette fejl, tilføje funktioner) uden at udgive dette bibliotek, så selvom det måske ikke bliver udgivet i et stykke tid, betyder det ikke, at FastComments ikke er under aktiv udvikling! Du er velkommen til at tjekke vores blog for opdateringer. Kompatibilitetsbrydende API-ændringer eller funktioner vil aldrig blive overført til det underliggende kernebibliotek uden en versionsforhøjelse i dette bibliotek.
Brug for hjælp?
Hvis du støder på problemer eller har spørgsmål om React-biblioteket, så:
Bidrag
Bidrag er velkomne! Besøg venligst GitHub-repositoriet for retningslinjer for bidrag.