Componentes de chat de PubNub para React y React Native
Importante
PubNub dejará de admitir componentes de chat el 1 de enero de 2025, pero puedes contribuir. Aprenda cómo migrar al SDK de Chat aquí.
Los componentes de chat de PubNub para React y React Native son la forma más rápida de agregar funciones de chat como mensajes directos y grupales, indicadores de escritura o reacciones, sin pasar por la complejidad de la arquitectura de bajo nivel de las redes en tiempo real.
- Tiempo de implementación reducido : desarrolle aplicaciones de prueba de concepto y listas para producción más rápido utilizando componentes predefinidos.
- Extensibilidad rápida y sencilla : agregue funciones avanzadas, como indicadores de escritura, recibos de lectura o reacciones, sin escribir código complejo.
- Componentes flexibles y personalizables : personalice el diseño de componentes y agregue componentes personalizados para ampliar la funcionalidad.
- Alta escalabilidad : deje que PubNub se encargue de la escalabilidad y la confiabilidad a medida que hace crecer su aplicación.
- Temas sencillos : utilice los temas claros y oscuros integrados o cree temas personalizados para diversos casos de uso: chats grupales, de soporte y de eventos.
- Escritura fuerte : utilice el poder de TypeScript para desarrollar su aplicación.
Características
- Metadatos de usuario y canal : agregue información adicional sobre los usuarios, canales y sus membresías desde el almacenamiento de objetos PubNub mediante enlaces personalizados.
- Suscripciones : Suscríbete a los canales de usuario automáticamente.
- Mensajes : publicar y mostrar mensajes de texto nuevos e históricos.
- Presencia : obtenga usuarios actualmente activos, observe su estado y notifíqueles sobre los cambios.
- Indicadores de escritura : muestra notificaciones de que los usuarios están escribiendo
- Reacciones a los mensajes : publicar y agregar emojis a los mensajes.
Componentes disponibles
- Proveedor de chat: reaccionar / reaccionar nativo
- Lista de mensajes - Reaccionar / Reaccionar nativo
- Entrada de mensaje: Reaccionar / Reaccionar nativo
- Lista de canales - Reaccionar / Reaccionar nativo
- Lista de miembros - React / React Native
- Indicador de escritura: reaccionar / reaccionar nativo
Requisitos previos
- Reaccionar v16.8+
- ReactDOM v16.8+ o React Native v0.69+
- SDK de JavaScript de PubNub v4.29+
- SDK de reacción de PubNub v2.1.0+
Uso
Comience explorando nuestras aplicaciones de demostración que se crearon utilizando componentes de chat:
código fuente | Reaccionar | Reaccionar nativo | Descripción |
---|
getting-started | Tutorial | Tutorial | Aplicación de chat 1:1 de muestra para comenzar |
group-chat | Demostración/Tutorial | - | Aplicación compleja de chat grupal moderado |
live-events | Demostración/Tutorial | - | Aplicación de eventos en vivo con panel de chat |
telehealth | Demostración/Tutorial | - | Aplicación sencilla de chat médico-paciente |
Documentación relacionada
- Componentes de PubNub Chat para React Documentación: documentación que explica cómo trabajar con los componentes de PubNub Chat para React
- Componentes de chat de PubNub para la documentación de React Native: documentación que explica cómo trabajar con los componentes de chat de PubNub para React Native
- Caso de uso de chat de PubNub: documentación para el caso de uso de chat
- PubNub React SDK: documentación API para PubNub React SDK
Apoyo
Si necesita ayuda o tiene una pregunta general, comuníquese con el soporte.