Resources

Resources for building with the Stream Chat React SDK, beyond these docs.

Stream Chat React GitHub

The SDK's source, its issues and its releases. The examples/ folder holds runnable apps: vite, a chat app built on ChatView; tutorial, the steps of the React tutorial rebuilt on v15, one app for each step; and ai-chatbot, a Next.js chatbot built with stream-chat-react/ai-components.

Stream Chat React SDK - Demos

Demo apps built with Stream Chat.

Stream Chat React SDK Tutorial

A guided build of a chat app, step by step. It's written for v14. For v15, follow the Quick start.

Stream JS Client

The docs of stream-chat, the JavaScript client the SDK builds on, and of the Chat API it calls. They describe stream-chat 9, so some of their samples differ from version 10. The state layer of stream-chat 10, which v15 uses, is in this site's State section, and its changes from version 9 are in stream-chat v9 to v10 breaking changes. The client's source is on GitHub.

These pages of the API docs come up often when building with the SDK:

• Query channels: the filters and sort fields a channel list can use.
• Unread: how the server counts unread messages.
• Permissions reference: the actions each role can be allowed.
• Moderation: the settings that keep a chat safe, such as who may post links, which file types are allowed, and slow mode.
• Rate limits: the API's request limits.
• Best practices and livestream best practices.
• Webhook events: the events your server can receive.

Stream Chat API tutorial

An interactive tour of the Chat API.

Stream Chat JS Basic Guide

An example chat app built with the JavaScript client and React, without this SDK. It uses an old version of the client, stream-chat 3, so read its client code as an illustration, not as v10 code.

React documentation

• Quick start, on react.dev.
• Passing data deeply with context: how the context the SDK's components share works.