Adicionar 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
Agentes de codificação de IA 
Dê ao seu agente de codificação o contexto do FastComments que ele precisa - widgets, configuração, Secure SSO, a REST API e os SDKs:
npx skills add fastcomments/skillsFunciona com Claude Code, Codex, Cursor, Copilot, Gemini e todos os outros agentes que o skills CLI suporta.
Demo 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 sendo executado localmente contra o tenant público demo, clone o repositório e execute:
npm install
npm run build
cd examples/example-showcase
npm install
npm run devOs exemplos vinculam a biblioteca via file:../.., portanto a etapa raiz npm run build é necessária uma vez para gerar dist/.
Cada widget/fluxo tem sua própria visualização em examples/example-showcase/src/views/ que você pode copiar diretamente para o 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.