FastComments.com Blog

Fri Oct 14 2022
...

Agrega Chat en Vivo a Aplicaciones Nativas con FastComments React Native

! Este Artículo Contiene Jerga Técnica

Novedades

En FastComments, hemos lanzado una nueva forma de construir aplicaciones React Native con FastComments. Anteriormente, utilizabas nuestro wrapper de react-native alrededor de la biblioteca VanillaJS. Esto introdujo varios problemas de memoria y latencia debido a que requería una vista web - un navegador en tu aplicación - solo para cargar nuestra biblioteca.

Ahora hemos completamente portado FastComments a React Native y escribimos nuestro propio editor WYSIWYG para eliminar por completo la necesidad de vistas web.

La biblioteca soporta diferentes skins y diseños. Por ejemplo, aquí está el skin Erebus que es un skin oscuro estilo chat en vivo:

Skin Erebus

La biblioteca está disponible en GitHub en FastComments/fastcomments-react-native-sdk así como en NPM.

Personalizable

La nueva biblioteca nativa está diseñada para ser personalizable al igual que la biblioteca web existente.

Puedes:

  • Personalizar todos los activos e íconos que utiliza la biblioteca.
  • Personalizar el estilo de cada componente en la biblioteca pasando un objeto Styles desde arriba.
  • Personalizar todas las traducciones.
  • Usar uno de los skins predefinidos o desarrollados por la comunidad.
  • Usar muchas de las mismas opciones de configuración que soporta la biblioteca web.

Lista Completa de Características

La biblioteca soporta muchas cosas. Una lista incompleta es:

  • Bloqueo
  • Reacciones en el Chat
  • Comentarios e Respuestas de Niños
  • Estilos Personalizados (como hojas de estilo tipadas)
  • Emoticonos
  • Reportes
  • Navegador de Gif - Con capacidad de tendencias predeterminadas + búsqueda. Imágenes y búsqueda anonimizadas por proxy.
  • Comentarios en vivo
  • Selección y Cargas de Medios
  • Editor WYSIWYG nativo con soporte de imágenes.
  • Servicio de Notificación (obtén las notificaciones no leídas del usuario en segundo plano para enviarlas, etc.)
  • Lista de Notificaciones (se muestra al hacer clic en la campana). Soporta suscripciones.
  • Paginación (Botones)
  • Paginación (Desplazamiento Infinito)
  • Fijar Comentarios
  • Comentarios seguros, simples SSO y anónimos.
  • Varios skins predefinidos.
  • Alternar Mostrar/Ocultar Comentarios
  • Hilos
  • Indicadores de actividad del usuario
  • Votación

Cómo Funciona

La biblioteca es una reescritura completa del cliente FastComments en TypeScript y React Native.

Plan a Largo Plazo

A largo plazo, mantendremos tanto la biblioteca VanillaJS como la biblioteca react-native en paralelo, así como cualquier futura biblioteca nativa que podamos desarrollar.

¿Qué Sigue?

Esperaremos los comentarios de los usuarios y la comunidad para mejorar esta biblioteca a lo largo del tiempo, tal como lo hemos hecho con el ecosistema web.

En Conclusión

Sabemos que esta biblioteca ha sido muy esperada por algunos. Como todos los lanzamientos importantes, nos alegra que hayamos podido tomarnos el tiempo para optimizar, probar y lanzar adecuadamente esta biblioteca.

¡Salud!