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
      • 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
      • MessageInput
      • MessageInputContext
      • MessageInput Hooks
      • Input UI
      • UI Components
      • Emoji Picker
      • Attachment Selector
      • TypingContext
      • MessageComposer Class
      • MessageComposer API
      • MessageComposer Middleware
      • ChannelList
      • ChannelListContext
      • ChannelList Hooks
      • Channel Preview
      • ChannelSearch
      • Infinite Scroll
      • Multiple Lists
      • ThreadList
      • ThreadListItem
      • Thread
      • ThreadContext
    • Polls
      • Voice Recording Attachment
      • Audio Recorder
    • Localization
      • ChatView
      • Indicators
      • Window
      • WithDragAndDropUpload
      • Modal
  • UI Cookbook
    • Overview
      • Channel List UI
      • Channel Search
      • Channel Members and Online Status
      • Message UI
      • Reactions Customization
      • Mentions Actions
      • Message Actions
      • Pin Indicator
      • System Message
      • Message List Notifications
      • Connection Status
      • Message Input UI
      • Link Previews in Message Input
      • Attachment Previews in Message Input
      • Attachment Actions
      • Autocomplete Suggestions
      • Typing Indicator
      • Channel Header
      • Thread Header
      • Emoji Picker
      • App Menu
      • Hide Channel History For Newly Added Members
  • State & Offline
    • SDK State Management
      • Channel Read State
  • Advanced Guides
    • Video & Audio by Stream
    • Location Sharing
    • Message Reminders
    • Message Actions
    • Search
    • Notifications
      • AI Integrations
      • SDK Integration
      • Hooks
      • Stream Chat AI SDK
      • Stream Chat LangChain SDK
      • TypeScript & Custom Data Types
      • Date and time formatting
      • Dialog Management
      • Blocking Users
      • Audio Playback
  • Migration Guides
    • Upgrade to v13
  • 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
  • v14
  • v13
  • v12
  • v11
Info:
This is documentation for Stream Chat React SDK v13, which is no longer actively maintained. For up-to-date documentation, see the latest version (v14).
  • Docs
  • Chat Messaging
  • React (v13)
  • 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 v13: <Your Question>