Learn how to quickly integrate rich Generative AI experiences directly into Stream Chat. Learn More ->

Chat Messaging

React Native SDK for Chat Messaging

The React Native Chat SDK makes it easy to integrate in-app chat experience similar to Apple Messages, Telegram or Slack. Stream's React Native SDK supports rich messages, image, videos and custom attachments, reactions, threading, image & file uploading, user commands, and channel lists.

example of react native chat sdk
The logo of React Native
Getting Started

This guide quickly brings you up to speed on Stream’s Chat API. The API is flexible and allows you to build any type of chat or messaging. 

Tutorials

The best place to start is the React Native Chat Tutorial. The tutorial teaches you how to install and customize the SDK to best fit your brand and user experience needs.

Sample Apps

Full functional sample apps built on top of our UI Components. Great for previewing features and testing our SDK.

Key React Native Chat SDK Benefits

The React Native SDK provides straightforward frontend access to all the capabilities of our Chat API infrastructure.

Powerful Ready-to-Use Components

  • Channel list
  • Message list
  • Message Input
  • Thread

Channel List

  • Endless scrolling + Load on demand
  • Latest message previews
  • Delivery indicators
  • Automatic channel sorting

Message List UI

  • Date separators
  • Group messages by user
  • Threading
  • Replies
  • Load on demand
  • Delivery indicators

Message Component

  • Reactions
  • Message actions - reply, quote
  • Customizable avatars and contents
  • File, Image and Video attachments
  • URL previews
  • Markdown rendering

Message Input

  • Image, Video and File upload
  • Upload previews
  • Mentions autocomplete
  • Giphy integration
  • Custom slash commands
  • Message editing

Give Developer Feedback

Didn't find what you're looking for? Get in touch with our team to let us know what we can do to help.

Supported React Native Chat SDK Features

  • Extensive UI customization options
  • API access through React hooks
  • Push notifications
  • Internationalisation (i18n)
  • Typing indicators
  • Message deletion - soft/hard deleted messages
  • Style customization

Start coding for free

No credit card required.
If you're interested in a custom plan or have any questions, please contact us.