@pubnub/react-native-chat-components

PubNub Chat Components for React Native

PubNub Chat Components for React Native are the fastest way to add chat features like direct and group messaging or typing indicators, without going through the complexity of the low-level architecture of real-time networks.

• Reduced Implementation Time: Develop proof-of-concept and production-ready apps faster using predefined components.
• Fast and Simple Extensibility: Add rich features, like typing indicators or read receipts, without writing complex code.
• Flexible and Customizable Components: Customize component design and add custom components to extend functionality.
• High Scalability: Let PubNub take care of scaling and reliability as you grow your app.
• Easy Theming: Use the built-in light and dark themes or create custom ones for various use cases: group, support, and event chats.
• Strong Typing: Utilize the power of TypeScript to develop your application.

Apart from PubNub Chat Components for React Native, we provide a separate npm package for React. Check out our PubNub Chat Components for React for more details.

Features

• User and Channel Metadata: Add additional information about the users, channels, and their memberships from PubNub Objects storage using custom hooks
• Subscriptions: Subscribe to user channels automatically
• Messages: Publish and display new and historical text messages
• Presence: Get currently active users, observe their state, and notify them about changes
• Typing Indicators: Display notifications that users are typing

Available components

• Chat Provider
• Message List
• Message Input
• Channel List
• Member List
• Typing Indicator

Prerequisites

• React v16.8+ and React Native v0.69+
• PubNub JavaScript SDK v4.29+
• PubNub React SDK v2.1.0+

Usage

Start by exploring our demo apps that were built using chat components:

Source code	Link	Description
getting-started	Tutorial	Sample 1:1 chat app to get started

Related documentation

• PubNub Chat Components for React Native Documentation - documentation explaining how to work with PubNub Chat Components for React Native
• PubNub chat use-case - documentation for the chat use-case
• PubNub React SDK - API documentation for the PubNub React SDK

Support

If you need help or have a general question, contact support.