npm install stream-chat stream-chat-react
This is documentation for
Stream Chat React SDK v11, which is nolonger actively maintained. For up-to-date documentation, see the latest version (v12).
Installation
We recommended using the component library through a package manager. Stream Chat React is based on top of Stream’s JavaScript Client.
Install with NPM
Install with Yarn
yarn add stream-chat stream-chat-react
Install via CDN
In case you are not using a package manager, or you wish to build a simple proof of concept in CodePen for example, you can load the library through a direct script link. If you choose to do this, make sure you explicitly specify the version of the library to prevent breaking releases from affecting your app.
<!-- Replace VERSION with the version of stream-chat and stream-chat-react -->
<script src="https://cdn.jsdelivr.net/npm/stream-chat@VERSION"></script>
<script src="https://cdn.jsdelivr.net/npm/stream-chat-react@VERSION"></script>
With the installation out of the way, let’s get started exploring the basics of the library.
On this page: