Announcing React Native Chat UI Components

2 min readNov 10, 2022

We’re thrilled to announce the launch of React Native Chat Components! Now, PubNub customers can utilize our new UI Components for React Native to reduce development costs and time to market for mobile chat.

Seamlessly build customizable chat with React Native Chat Components

Our React Native Chat Components work with your existing tech stack and are flexible to your needs so you can create chat with different functionalities and customizable looks for your specific use cases. These customizations include various component options, the ability to override built-in light and dark themes, custom renderers, and a set of hooks. 

We provide 5 drop-in UI components for chat which include:

  • Message Input

  • Message List

  • Channels List

  • Members List

  • Typing Indicator

Additionally with React Native Chat Components, you can include out-of-the-box features like sending/receiving messages, message persistence, typing indicator, file sharing, message reactions, online/offline presence, and much more to drive in-app engagement.

Accelerate app development time 

Using our platform, businesses can go to market faster to deliver feature-rich chat experiences at scale for their customers, all without having to worry about outages and latency issues due to PubNub’s global points of presence and unlimited concurrency.

This new set of Chat Components enables you to:

Reduce implementation time: Get chat up and running quickly with our easy-to-use UI components.

Customize easily: Customize design and add custom components to extend functionality.

Quickly build out-of-the-box features: Easily add rich features like typing indicators, read receipts, reactions, and more without having to write complex code.

Extend beyond chat seamlessly: Our extensible real-time platform and global pub/sub network makes it simple to add new or additional real-time capabilities beyond chat, such as mobile push notifications, multi-user collaboration, data streaming, geolocation tracking, IoT device control and more.

Lower development and maintenance costs: When compared to building an in-house chat solution you can save money building and maintaining chat with a trusted technology partner like PubNub.

React Native Chat Components use cases 

What can you do with React Native Chat Components? Here are a few ways that you can leverage them for your chat app: 

  • 1-to-1 chat: Doctor-patient chat, chat with support agent, chat between buyer and seller, dating app chat

  • Group chat: Digital collaboration and group messaging (for example, Slack and Messenger), multiplayer game chat

  • High volume chat: Live event chat, sports event chat, live streaming chat

Getting started with React Native Chat Components

With React Native Chat Components, you can invest your time in building a great user experience that aligns with your business goals, instead of worrying about infrastructure or future technical limitations. 

If you’re ready to start using React Native Chat Components, head over to our documentation or check out this tutorial to dive right in. 

Want to learn more about our new React Native Chat Components? Register today for our upcoming webinar, Save Time Building Chat with PubNub React Native Chat Components, on December 7th at 9:00 am PST / 12:00 pm EST!

More from PubNub

How to Create a Dating App: 7 Steps to Fit Any Design
Insights6 minMar 15, 2023

How to Create a Dating App: 7 Steps to Fit Any Design

There are common underlying technologies for a dating app, and in this post, we’ll talk about the major technologies and designs...

Michael Carroll

Michael Carroll

How to Create a Real-time Public Transportation Schedule App
Build6 minMar 14, 2023

How to Create a Real-time Public Transportation Schedule App

How to use geohashing, JavaScript, Google Maps API, and BART API to build a real-time public transit schedule app.

Michael Carroll

Michael Carroll

How to Create Real-Time Vehicle Location Tracking App
Build2 minMar 9, 2023

How to Create Real-Time Vehicle Location Tracking App

How to track and stream real-time vehicle location on a live-updating map using EON, JavaScript, and the Mapbox API.

Michael Carroll

Michael Carroll

Talk to an expert