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
  • v14
  • v13
  • v12
  • v11
  • Basics
    • Overview
    • Installation
  • UI Components
    • Getting Started
      • Introduction
      • Palette variables
      • Component variables
      • Global variables
      • Legacy
      • Chat
      • ChatContext
      • Channel
      • ChannelHeader
      • ChannelActionContext
      • ChannelStateContext
      • ComponentContext
      • ChannelList
      • ChannelListContext
      • ChannelList Hooks
      • Channel Preview
      • ChannelSearch
      • Infinite Scroll
      • Multiple Lists
      • MessageList
      • VirtualizedMessageList
      • MessageListContext
      • Thread
      • Message
      • MessageContext
      • MessageBounceContext
      • Message Hooks
      • Message UI
      • renderText function
      • UI Components
      • Avatar
      • BaseImage
        • Attachments
        • Voice Recording Attachment
      • Reactions
      • DateSeparator
      • MessageInput
      • MessageInputContext
      • MessageInput Hooks
      • Input UI
      • UI Components
      • Emoji Picker
      • Audio Recorder
      • TypingContext
    • Indicators
    • Window
  • UI Cookbook
    • Overview
      • Channel List UI
      • Channel Search
      • Channel Members and Online Status
      • Message List Notifications
      • Connection Status
      • Message UI
      • Reactions Customization
      • Mentions Actions
      • Message Actions
      • Pin Indicator
      • System Message
      • Message Input UI
      • Link Previews in Message Input
      • Input Submit Handler
      • Storing message drafts
      • Autocomplete Suggestions
      • Typing Indicator
      • Attachment Actions
      • Image Gallery
      • Geolocation Attachment
      • Giphy Preview
      • Order and Payment Attachment
    • Emoji Picker
    • App Menu
    • Channel Header
    • Thread Header
  • Guides
    • Client and User
    • Translation and i18n
    • TypeScript and Generics
    • Channel Read State
    • Video & Audio by Stream
    • SDK State Management
  • Release Guides
    • Upgrade to v11
  • Troubleshooting
    • Troubleshooting
  • Resources
    • 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
  • v14
  • v13
  • v12
  • v11
Info:
This is documentation for Stream Chat React SDK v11, which is no longer actively maintained. For up-to-date documentation, see the latest version (v14).
  • Docs
  • Chat Messaging
  • React (v11)
  • 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

Here's a list of external and internal resource links that could be helpful during development while using the Stream Chat React SDK library.

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 v11: <Your Question>