The React Native Chat SDK makes it easy to build in-app chat like iMessage, Telegram or Slack. Stream's React Native SDK is feature packed with rich messages (URL previews, user mentions, chat commands), reactions, threading, image & file uploading, and videos.

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

Top Level Components

  • Chat wrapper for all components
  • Chat channels
  • Channel preview list
  • Message lists
  • Threads

Message Components

  • Message.js for logic and rendering
  • Message simple (default) style
  • Attachments
  • Galleries
  • Attachment actions

Input Components

  • Write, upload, @mention, emoji's
  • Image upload preview
  • File upload preview
  • Editing UI/UX

Component States

  • Chat offline/down
  • Loading channels
  • Loading messages
  • Preview last message
  • Preview a list of channels

Rich Media Messages

  • Easily add GIFs with our '/' command
  • Images
  • Image gallery (multi-upload)
  • URL previews
  • Video embeding
  • File uploads with filetype icons

Utilities

  • Customizable avatars
  • Markdown rendering
  • Keyboard suggestion handling
  • Internationalisation (i18n)
  • Date separators
  • Window management for threads

Misc. React Native Chat SDK Features

  • Message reactions
  • Link previews
  • Image, video, and file attachments
  • Edit and delete message
  • Typing indicators
  • Read indicators
  • Push notifications
  • Image gallery
  • GIF support
  • Message status
  • Style customization
  • UI customization
  • Threads
  • Slash commands
  • Reaction picker
  • Markdown messages formatting
  • Internationalization (i18n)

Meet The React Native Team