
Idioma 🇧🇷 Português (Brasil)
Primeiros passos
Documentação
Uso
FastComments React Native Library
Esta é a biblioteca oficial React Native para FastComments.
Widgets de comentários do FastComments para React Native
Repositório
Instalação 
npm install react-native-webview@13.6.4 --save
npm install fastcomments-react-native --save
Observação: A partir de julho de 2024 parece que o react-native-webview tem um bug, então é melhor fixar na versão 13.6.4 - não use ^ para obter a versão patch mais recente.
Considere o SDK nativo 
Esta biblioteca usa um webview em torno da biblioteca VanillaJS.
FastComments agora oferece uma implementação completamente nativa do nosso cliente como parte do fastcomments-react-native-sdk. Se você quer uma implementação completamente nativa, pode querer dar uma olhada lá.
Uso - Widget de Comentários ao Vivo 
A API é ligeiramente diferente em comparação com fastcomments-react. Na versão nativa, passamos um objeto de configuração que segue esta estrutura.
import { FastCommentsCommentWidget } from 'fastcomments-react-native';
// ...
const myTenantId = 'demo'; // Seu tenant id. Pode ser obtido em https://fastcomments.com/auth/my-account/api-secret
const myAppPageId = 'native-test'; // O ID ou URL do tópico de comentários no seu app.
const myAppPageUrl = 'https://example.com/external-page'; // você pode opcionalmente definir uma URL para uma página externa
const myAppPageTitle = 'Example Title'; // ... e provavelmente você vai querer um título para este conteúdo
const [config, setConfig] = useState({
tenantId: myTenantId,
urlId: myAppPageId,
url: myAppPageUrl,
pageTitle: myAppPageTitle
});
// Ao chamar setConfig(), podemos fazer coisas como alterar a página atual ou o usuário atualmente logado
// Veja example/src/App.tsx
return (
<FastCommentsCommentWidget config={config}/>
);
Uso - Widget de Chat ao Vivo 
import { FastCommentsLiveChatWidget } from 'fastcomments-react-native';
// ...
const myTenantId = 'demo'; // Seu tenant id. Pode ser obtido em https://fastcomments.com/auth/my-account/api-secret
const myAppPageId = 'native-test'; // o ID ou URL do tópico de comentários no seu app.
const myAppPageUrl = 'https://example.com/external-page'; // você pode opcionalmente definir uma url para uma página externa
const myAppPageTitle = 'Example Title'; // ... e você provavelmente vai querer um título para este conteúdo
const config = {
tenantId: myTenantId,
urlId: myAppPageId,
url: myAppPageUrl,
pageTitle: myAppPageTitle
};
return (
<FastCommentsLiveChatWidget config={config}/>
);
Uso - SSO 
FastComments usa HMAC para SSO seguro. Para usar, faça com que seu backend crie o objeto SSO (sso propriedade de configuração) e o passe
para o widget de comentários.
Você pode encontrar exemplos para vários backends, aqui: https://github.com/FastComments/fastcomments-code-examples/tree/master/sso
Dependências peer 
fastcomments-react-native requer react-native-webview. Portanto, você deve seguir as etapas de instalação do react-native-webview.
Região da conta (ATENÇÃO: clientes da UE)
Se sua conta estiver localizada na UE, defina region = 'eu' na configuração do widget.
Caso contrário, você não precisa definir region.
Precisa de ajuda?
Se encontrar algum problema ou tiver dúvidas sobre a biblioteca React Native, por favor:
Contribuindo
Contribuições são bem-vindas! Por favor, visite o GitHub repository para as diretrizes de contribuição.