stream chat react
v12.8.1
Официальные компоненты реагирования для потокового чата, услуга для приложений по строительству чата.
Быстрые ссылки
С нашей библиотекой компонентов вы можете создать различные варианты использования чата, в том числе:
Лучший способ начать - следовать учебному пособию в чате React. Он показывает вам, как использовать этот SDK для создания полностью функционального приложения чата и включает общие настройки.
Поток бесплатный для большинства боковых и хобби. Чтобы получить квалификацию, ваш проект/компания должен иметь не более 5 членов команды и зарабатывать менее 10 тысяч долларов в ежемесячном доходах. Для получения полной цены и деталей посетите нашу страницу ценообразования в чате.
npm install react react-dom stream-chat stream-chat-react
yarn add react react-dom stream-chat stream-chat-react
<script src="https://cdn.jsdelivr.net/npm/[email protected]/umd/react.production.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/stream-chat"></script>
<script src="https://cdn.jsdelivr.net/npm/stream-chat-react"></script>
Мы создали пять демонстрационных приложений, демонстрирующих различные варианты использования чата, включая социальные сообщения, сотрудничество в команде, поддержку клиентов, игры в прямые трансляции и виртуальное событие. Вы можете предварительно просмотреть эти демонстрации на нашем сайте. Кроме того, код является открытым исходным кодом.
Мы используем генератор доктора для создания нашей компонентной документации. Мы предоставляем краткое описание каждого компонента чата и определяем все реквизиты, которые он принимает.
Компоненты React создаются с использованием библиотеки потокового чата-JS. Если вы настраиваете компоненты, вполне вероятно, что вам придется совершить дополнительные вызовы в наш API в чате, используя наш клиент JavaScript, который имеет документацию на нашем веб -сайте.
Начиная с версии 5.0.0 , библиотека компонентов была преобразована в TypeScript. Пожалуйста, прочитайте Руководство по типографии для получения подробной информации и помощи в реализации.
Для компонентов, которые реализуют значительную логику, полезно разделить компонент на две части: компонент верхнего уровня, который обрабатывает функциональность и компонент более низкого уровня, который видит пользовательский интерфейс. Таким образом, вы можете поменять пользовательский интерфейс, не изменяя логику, которая дает компоненту его функциональность. Мы часто используем этот шаблон поставщика/потребителя в библиотеке, и приведенный ниже пример показывает, как поменять компонент пользовательского интерфейса Message MessageTeam , не влияя на какую -либо логику в приложении.
< Channel Message = { MessageTeam } >
< Window >
< ChannelHeader />
< MessageList />
< MessageInput />
</ Window >
< Thread />
</ Channel >Предпочтительным методом переоценки предварительно определенных стилей в библиотеке является двухэтапный процесс. Во -первых, импортируйте наши комплексные CSS в файл, где вы создаете экземпляр своего чата. Во -вторых, найдите любые стили потока, которые вы хотите переопределить, используя либо инспектор браузера, либо просмотрев код библиотеки. Затем вы можете добавить селекторы в свой локальный файл CSS, чтобы переопределить наши значения по умолчанию. Например:
import 'stream-chat-react/dist/css/v2/index.css' ;
import './App.css' ; Наша библиотека поддерживает автоматическое переранлирование для различных языков пользователей. Пожалуйста, прочитайте нашу документацию по интернационализации для получения более подробной информации и настройки руководства.
Мы приветствуем изменения кода, которые улучшают эту библиотеку или решают проблему. Пожалуйста, обязательно следуйте всем лучшим практикам и добавьте тесты, если применимо, прежде чем отправить запрос на притяжение на GitHub. Мы рады объединить ваш код в официальный репозиторий, если он отвечает потребности. Обязательно подпишите наше лицензионное соглашение о лицензии (CLA). Смотрите наш файл лицензии для получения более подробной информации.
Недавно мы закрыли раунд финансирования серии B в размере 38 миллионов долларов и активно растут. Наши API используются более чем миллиардами конечных пользователей, и, работая в потоке, у вас есть возможность оказать огромное влияние на команду очень сильных инженеров.
Ознакомьтесь с нашими текущими открытиями и примените через веб -сайт Stream.
Этот проект использует lamejs Library по лицензии LGPL для преобразования записанного аудио в формат MP3. Исходный код библиотеки динамически импортируется и используется только в том случае, если запись звука включена.
Вы можете получить исходный код для lamejs из репозитория Lamejs, который является вилкой оригинальной библиотеки JS. Вы можете найти исходный код для Lame по адресу https://lame.sourceforge.net и его лицензию по адресу: https://lame.sourceforge.net/license.txt
