Stream logoStream logo
  • Chat Messaging
  • Video and Audio
  • Activity Feeds
  • Moderation
  • Platform
  • Agent Skills
  • CLI
    • React
    • iOS
    • Android
    • React Native
    • Flutter
    • Angular
    • React
    • iOS
    • Android
    • React Native
    • Flutter
    • JavaScript
    • Unity
    • Unreal
    • Node
    • Python
    • Ruby
    • PHP
    • Java
    • .NET
    • Go
    • REST
  • v15
  • v14
  • v13
  • v12
  • v11
  • Basics
    • Overview
    • Installation
  • UI Components
    • Getting Started
      • Introduction
      • Palette variables
      • Component variables
      • Global variables
      • Chat
      • ChatContext
      • Channel
      • ChannelHeader
      • ChannelActionContext
      • ChannelStateContext
      • ComponentContext
      • MessageList
      • VirtualizedMessageList
      • MessageListContext
      • VirtualizedMessageListContext
        • Message
        • MessageContext
        • MessageBounceContext
        • Message Hooks
        • Message UI
        • renderText function
        • UI Components
        • Avatar
        • BaseImage
        • Attachments
        • Reactions
        • DateSeparator
      • MessageComposer
      • MessageComposerContext
      • MessageComposer Hooks
      • Input UI
      • UI Components
      • Emoji Picker
      • Attachment Selector
      • TypingContext
      • MessageComposer Class
      • MessageComposer API
      • MessageComposer Middleware
      • ChannelList
      • ChannelListContext
      • ChannelList Hooks
      • Channel Preview
      • Search
      • Advanced Search
      • Infinite Scroll
      • Multiple Lists
      • ThreadList
      • ThreadListItem
      • Thread
      • ThreadContext
      • Channel Detail
      • Avatar with Channel Detail
      • Section Navigator
      • Channel Detail Views
      • Channel Detail Shared Components
    • Polls
      • Voice Recording Attachment
      • Audio Recorder
    • Localization
      • ChatView
      • Indicators
      • Window
      • WithDragAndDropUpload
      • Modal
  • UI Cookbook
    • Overview
    • Custom Icons
      • Channel List UI
      • Search Customization
      • Channel Members and Online Status
      • Message UI
      • Reactions Customization
      • Mentions Actions
      • Message Actions
      • Pin Indicator
      • System Message
      • System notification banner
      • Message Composer UI
      • Link Previews in Message Composer
      • Attachment Previews in Message Composer
      • Attachment Actions
      • Autocomplete Suggestions
      • Typing Indicator
      • Channel Header
      • Thread Header
      • Emoji Picker
      • Search Menu
      • Hide Channel History For Newly Added Members
      • Collapsible Sidebar
      • Accessible List Labels
      • Custom Announcements
      • Skip Navigation
  • State & Offline
    • SDK State Management
      • Channel Read State
  • Advanced Guides
    • Video & Audio by Stream
    • Location Sharing
    • Message Reminders
    • Mentions
    • Accessibility
    • Sending Messages With Pending Uploads
    • Message Actions
    • Notifications
      • AI Integrations
      • SDK Integration
      • Hooks
      • Conversation View
      • Reasoning and Tool Calls
      • Generative UI
      • TypeScript & Custom Data Types
      • Date and time formatting
      • Dialog Management
      • Blocking Users
      • Audio Playback
  • Migration Guides
    • Upgrade to v14
  • Utilities
    • Troubleshooting
    • Resources
  • Chat Messaging
  • Video and Audio
  • Activity Feeds
  • Moderation
  • Platform
  • Agent Skills
  • CLI
    • React
    • iOS
    • Android
    • React Native
    • Flutter
    • Angular
    • React
    • iOS
    • Android
    • React Native
    • Flutter
    • JavaScript
    • Unity
    • Unreal
    • Node
    • Python
    • Ruby
    • PHP
    • Java
    • .NET
    • Go
    • REST
  • v15
  • v14
  • v13
  • v12
  • v11
Info:
This is documentation for Stream Chat React SDK v14, which is no longer actively maintained. For up-to-date documentation, see the latest version (v15).
  • Docs
  • Chat Messaging
  • React (v14)
  • Resources
  • View as markdown
  • Open in ChatGPT
  • Open in Claude
  • Open in Grok
  • Open in Perplexity

Resources

On this page
  • Stream Chat React GitHub
  • Stream Chat React SDK - Demos
  • Stream Chat React SDK Tutorial
  • Stream JS Client
  • Stream Chat API tutorial
  • Stream Chat JS Basic Guide
  • React Documentation
  • Internal Articles

Helpful resources for building with the Stream Chat React SDK:

Stream Chat React GitHub

Stream Chat React SDK - Demos

  • Be sure to check out the source code for each demo application in the above link.

Stream Chat React SDK Tutorial

Stream JS Client

Stream Chat API tutorial

Stream Chat JS Basic Guide

React Documentation

  • React - Getting Started

  • React - Context

Internal Articles

  • Stream Chat Glossary

  • Stream Chat Success Checklist

  • React - Customizing Message Actions

  • Stream Webhooks

  • Stream Rate limits

  • Stream API → Client → Server

  • Stream Chat Moderation

  • Stream User Roles and Permissions

  • Stream queryChannels filters

  • Stream Unread Messages

Previous
Troubleshooting
© Stream.io, Inc. All Rights Reserved.
Chat MessagingVideo & AudioActivity FeedsModeration
On this page
  • Stream Chat React GitHub
  • Stream Chat React SDK - Demos
  • Stream Chat React SDK Tutorial
  • Stream JS Client
  • Stream Chat API tutorial
  • Stream Chat JS Basic Guide
  • React Documentation
  • Internal Articles
Add Chat to my app: getstream.io/SKILL.md

The fastest way to build with Stream. Start a new project or improve an existing one. Full CLI and documentation integration out of the box.


Ask your agent:

/stream Build me a Social App with Feeds and Moderation.
/stream Any livestream calls running?
/stream Chat React v14: <Your Question>