Компоненты чата PubNub для React и React Native
Важный
PubNub прекратит поддержку компонентов чата 1 января 2025 г., но вы можете внести свой вклад. Узнайте, как перейти на Chat SDK, здесь.
Компоненты чата PubNub для React и React Native — это самый быстрый способ добавить функции чата, такие как прямой и групповой обмен сообщениями, индикаторы набора текста или реакции, не вникая в сложность низкоуровневой архитектуры сетей реального времени.
- Сокращение времени внедрения : быстрее разрабатывайте тестовые и готовые к использованию приложения, используя предопределенные компоненты.
- Быстрая и простая расширяемость : добавляйте богатые функции, такие как индикаторы ввода, уведомления о прочтении или реакции, без написания сложного кода.
- Гибкие и настраиваемые компоненты . Настраивайте дизайн компонентов и добавляйте собственные компоненты для расширения функциональности.
- Высокая масштабируемость . Позвольте PubNub позаботиться о масштабировании и надежности по мере развития вашего приложения.
- Простое создание тем : используйте встроенные светлые и темные темы или создавайте собственные для различных случаев использования: групповые чаты, чаты поддержки и событий.
- Строгая типизация . Используйте возможности TypeScript для разработки своего приложения.
Функции
- Метаданные пользователя и канала : добавьте дополнительную информацию о пользователях, каналах и их членстве из хранилища объектов PubNub с помощью пользовательских перехватчиков.
- Подписки : автоматическая подписка на каналы пользователей.
- Сообщения : Публикуйте и отображайте новые и исторические текстовые сообщения.
- Присутствие : получайте активных пользователей, наблюдайте за их состоянием и уведомляйте их об изменениях.
- Индикаторы набора текста : отображение уведомлений о том, что пользователи печатают.
- Реакции на сообщения : публикуйте и добавляйте смайлы в сообщения.
Доступные компоненты
- Поставщик чата — React / React Native
- Список сообщений — React/React Native
- Ввод сообщения — React/React Native
- Список каналов — React/React Native
- Список участников — React / React Native
- Индикатор набора текста — React / React Native
Предварительные условия
- Реагировать v16.8+
- ReactDOM v16.8+ или React Native v0.69+
- PubNub JavaScript SDK v4.29+
- PubNub React SDK v2.1.0+
Использование
Начните с изучения наших демонстрационных приложений, созданных с использованием компонентов чата:
Исходный код | Реагировать | Реагировать нативный | Описание |
---|
getting-started | Учебное пособие | Учебное пособие | Пример приложения для чата 1:1, чтобы начать работу |
group-chat | Демо / Учебное пособие | - | Комплексное модерируемое приложение для группового чата |
live-events | Демо / Учебное пособие | - | Приложение Live Events с панелью чата |
telehealth | Демо / Учебное пособие | - | Простое приложение для чата между пациентом и врачом |
Сопутствующая документация
- Документация по компонентам чата PubNub для React — документация, объясняющая, как работать с компонентами чата PubNub для React.
- Документация по компонентам чата PubNub для React Native — документация, объясняющая, как работать с компонентами чата PubNub для React Native.
- Вариант использования чата PubNub — документация по варианту использования чата
- PubNub React SDK — документация API для PubNub React SDK
Поддерживать
Если вам нужна помощь или у вас есть общий вопрос, обратитесь в службу поддержки.