FastComments.com Blog

Fri Oct 14 2022
...

Adicione um Chat Ao Vivo a Aplicativos Nativos Com FastComments React Native

! Este Artigo Contém Jargão Técnico

O Que Há de Novo

No FastComments, lançamos uma nova maneira de construir aplicativos React Native com FastComments. Anteriormente, você usaria nosso wrapper react-native em torno da biblioteca VanillaJS. Isso introduziu vários problemas de memória e latência devido à necessidade de uma web view - um navegador no seu aplicativo - apenas para carregar nossa biblioteca.

Agora, nós completamente portamos o FastComments para React Native e criamos nosso próprio editor WYSIWYG para eliminar completamente a necessidade de web views.

A biblioteca suporta diferentes temas e layouts. Por exemplo, aqui está o tema Erebus, que é um estilo de chat ao vivo escuro:

Erebus Skin

A biblioteca está disponível no GitHub em FastComments/fastcomments-react-native-sdk assim como no NPM.

Personalizável

A nova biblioteca nativa foi projetada para ser personalizável assim como a biblioteca web existente.

Você pode:

  • Personalizar todos os ativos e ícones que a biblioteca usa.
  • Personalizar o estilo de cada componente na biblioteca passando um objeto Styles por cima.
  • Personalizar todas as traduções.
  • Usar um dos temas predefinidos ou desenvolvidos pela comunidade.
  • Usar muitas das mesmas opções de configuração que a biblioteca web suporta.

Lista Completa de Recursos

A biblioteca suporta muitas funcionalidades. Uma lista incompleta é:

  • Bloqueio
  • Reações de Chat
  • Comentários e Respostas de Filhos
  • Estilos Personalizados (como stylesheet tipado)
  • Emoticons
  • Marcação
  • Navegador de Gif - Com capacidade de tendência padrão e pesquisa. Imagens e busca anonimizada por proxy.
  • Comentários ao vivo
  • Seleção e Upload de Mídia
  • Editor WYSIWYG nativo com suporte a imagens.
  • Serviço de Notificações (receber notificações não lidas do usuário em segundo plano para enviar a eles, etc)
  • Lista de Notificações (mostra ao clicar no sino). Suporta assinaturas.
  • Paginação (Botões)
  • Paginação (Scroll Infinito)
  • Fixação de Comentários
  • Comentários seguros, simples SSO e anônimos.
  • Vários temas predefinidos.
  • Alternar Mostrar/Ocultar Comentários
  • Tópicos
  • Indicadores de atividade do usuário
  • Votação

Como Funciona

A biblioteca é uma reescrita completa do cliente FastComments em TypeScript e React Native.

Plano de Longo Prazo

A longo prazo, manteremos tanto a biblioteca VanillaJS quanto a biblioteca react-native em paralelo, assim como quaisquer futuras bibliotecas nativas que possamos desenvolver.

O Que Vem a Seguir?

Estamos ansiosos por feedback dos usuários e da comunidade para melhorar esta biblioteca ao longo do tempo, assim como fizemos com o ecossistema web.

Em Conclusão

Sabemos que esta biblioteca foi muito aguardada por alguns. Como todos os grandes lançamentos, estamos felizes que pudemos dedicar tempo para otimizar, testar e lançar adequadamente esta biblioteca.

Saudações!