Agregar comentarios a tu aplicación React
Esta es la biblioteca oficial de React para FastComments.
Inserta widgets de comentarios en vivo, chat y revisión en tu aplicación React.
Repositorio
Agentes de codificación IA 
Proporcione a su agente de codificación el contexto de FastComments que necesita: widgets, configuración, SSO seguro, la API REST y los SDK:
npx skills add fastcomments/skillsFunciona con Claude Code, Codex, Cursor, Copilot, Gemini y cualquier otro agente que soporte el skills CLI soporta.
Demostración en vivo
Prueba cada widget en vivo en https://fastcomments.com/commenting-system-for-react/.
Instalación
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-reactMuestra en vivo
Para ver cada widget y flujo ejecutándose localmente contra el inquilino público demo, clona el repositorio y ejecuta:
npm install
npm run build
cd examples/example-showcase
npm install
npm run devLos ejemplos enlazan a la biblioteca mediante file:../.., por lo que el paso raíz npm run build es necesario una vez para generar dist/.
Cada widget/flujo tiene su propia vista bajo examples/example-showcase/src/views/ que puedes copiar directamente en tu propia aplicación React.
Ejemplos
Los casos de uso individuales (modo oscuro, paginación, etc.) se encuentran en sus propias carpetas bajo examples/. Cada uno puede configurarse con npm install y iniciarse con npm run dev (Vite).
Uso
El componente principal del widget
El componente FastCommentsCommentWidget contiene el widget de comentarios en vivo de FastComments.
Reemplace "demo" a continuación por su "tenantId" - disponible here en el área de administración de FastComments.
El widget admite muchas opciones - vea FastCommentsCommentWidgetConfig en src/index.tsx.
import React, { Component } from 'react'
import {FastCommentsCommentWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}Actualizar la página actual (para SPAs)
Para actualizar la página/artículo a la que está vinculado el hilo de comentarios, debe actualizar los parámetros de configuración "urlId" y "url". Vea el ejemplo y la explicación here.
Región de la cuenta (ATENCIÓN: clientes de la UE)
Si está en la UE, deberá indicar a los widgets del cliente en qué región se encuentra. Vea examples/example-eu;
De lo contrario, no tiene que definir region.
El widget de recuento de comentarios
El componente FastCommentsCommentCountWidget contiene el widget de recuento de comentarios en vivo de FastComments.
Reemplace "demo" a continuación por su "tenantId" - disponible here en el área de administración de FastComments.
Vea FastCommentsCommentCountConfig en src/index.tsx para las opciones de configuración compatibles.
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" />
}
}Nativo
Para una implementación completamente nativa de FastComments, consulte fastcomments-react-native-sdk.
Para un envoltorio de React Native de esta biblioteca, que utiliza un webview, consulte fastcomments-react-native.
Estado de mantenimiento
Estos componentes son envoltorios alrededor de nuestros componentes VanillaJS principales. Podemos actualizar automáticamente estos componentes (corregir errores, añadir funcionalidades) sin publicar esta biblioteca, así que aunque puede que no se publique durante un tiempo eso no significa que FastComments no esté en desarrollo activo! No dudes en consultar nuestro blog para actualizaciones. Los cambios incompatibles en la API o las nuevas funcionalidades nunca se enviarán a la biblioteca subyacente principal sin un aumento de versión en esta biblioteca.
¿Necesita ayuda?
Si encuentra algún problema o tiene preguntas sobre la biblioteca de React, por favor:
Contribuir
¡Las contribuciones son bienvenidas! Por favor visite el repositorio de GitHub para las directrices de contribución.