Adicione comentários ao seu aplicativo React
Esta é a biblioteca oficial React para FastComments.
Incorpore widgets de comentários ao vivo, chat e revisão no seu aplicativo React.
Repositório
Demonstração ao vivo 
Experimente cada widget ao vivo em https://fastcomments.com/commenting-system-for-react.
Instalação
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-reactApresentação ao vivo
Para ver cada widget e fluxo executando localmente contra o tenant público demo, clone o repositório e execute:
cd examples/example-showcase
npm install
npm run devCada widget/fluxo tem sua própria visualização em examples/example-showcase/src/views/ que você pode copiar diretamente para seu próprio aplicativo React.
Exemplos
Casos de uso individuais (modo escuro, paginação, etc.) estão em suas próprias pastas dentro de examples/. Cada um pode ser configurado com npm install e iniciado com npm run dev (Vite).
Uso
The Main Widget Component
O componente FastCommentsCommentWidget contém o widget de comentários do FastComments em tempo real.
Substitua "demo" abaixo pelo seu "tenantId" - disponível aqui na área de administração do FastComments.
O widget suporta muitas opções - veja FastCommentsCommentWidgetConfig em src/index.tsx.
import React, { Component } from 'react'
import {FastCommentsCommentWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}Updating The Current Page (For SPAs)
Para atualizar a página/artigo ao qual o thread de comentários está vinculado, você deve atualizar os parâmetros de configuração "urlId" e "url". Veja o exemplo e a explicação aqui.
Account Region (ATTENTION: EU Customers)
Se você estiver na UE, deverá informar aos widgets do cliente em qual região você está. Veja examples/example-eu;
Caso contrário, você não precisa definir region.
The Comment Count Widget
O componente FastCommentsCommentCountWidget contém o widget de contagem de comentários do FastComments em tempo real.
Substitua "demo" abaixo pelo seu "tenantId" - disponível aqui na área de administração do FastComments.
Veja FastCommentsCommentCountConfig em src/index.tsx para as opções de configuração suportadas.
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" />
}
}Native
Para uma implementação completamente nativa do FastComments, veja fastcomments-react-native-sdk.
Para um wrapper React Native desta biblioteca, usando um webview, veja fastcomments-react-native.
Status de manutenção
Esses componentes são wrappers em torno dos nossos componentes principais do VanillaJS. Podemos atualizar automaticamente esses componentes (corrigir bugs, adicionar recursos) sem publicar esta biblioteca, então, embora ela possa não ser publicada por um tempo, isso não significa que o FastComments não esteja em desenvolvimento ativo! Sinta-se à vontade para conferir nosso blog para atualizações.
Alterações incompatíveis na API ou novos recursos jamais serão enviados para a biblioteca core subjacente sem um aumento de versão nesta biblioteca.
Precisa de ajuda?
Se você encontrar algum problema ou tiver dúvidas sobre a biblioteca React, por favor:
Contribuindo
Contribuições são bem-vindas! Visite o repositório no GitHub para as diretrizes de contribuição.