PubNub Chat Components for React are the fastest way to add chat features like direct and group messaging, typing indicators, reactions, without going through the complexity of low-level architecture of realtime 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, read receipts, reactions etc. 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.

• 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 about changes
• Typing Indicators: Display notifications that users are typing
• Message Reactions: Publish and add emojis to messages

• Chat (obligatory state provider)
• Message List
• Message Input
• Channel List
• Member List
• Typing Indicator

• React v16.8+ and ReactDOM v16.8+
• PubNub JavaScript SDK v4.29+
• PubNub React SDK v2.1.0+

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

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

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