Add Comments to Your React App
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
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-reactPresentación en vivo
Para ver cada widget y flujo ejecutándose localmente contra el tenant público demo, clona el repositorio y ejecuta:
cd examples/example-showcase
npm install
npm startCada widget/flow tiene su propia vista en 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 dentro de examples/. Cada uno puede configurarse con npm install y iniciarse con npm start.
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.