stream chat react
v12.8.1
Os componentes oficiais do React for Stream Chat, um serviço para criar aplicativos de bate -papo.
Links rápidos
Com nossa biblioteca de componentes, você pode criar uma variedade de casos de uso de bate -papo, incluindo:
A melhor maneira de começar é seguir o tutorial do React Chat. Ele mostra como usar este SDK para criar um aplicativo de bate -papo totalmente funcional e inclui personalizações comuns.
O stream é gratuito para a maioria dos projetos laterais e de hobby. Para se qualificar, seu projeto/empresa não deve ter mais de 5 membros da equipe e ganhar menos de US $ 10 mil em receita mensal. Para preços e detalhes completos, visite nossa página de preços de bate -papo.
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>
Criamos cinco aplicativos de demonstração, mostrando uma variedade de casos de uso de bate -papo, incluindo mensagens sociais, colaboração de equipes, suporte ao cliente, jogos de transmissão ao vivo e evento virtual. Você pode visualizar essas demos em nosso site. Além disso, o código é de código aberto.
Usamos um gerador de documentos para criar nossa documentação de componentes. Fornecemos uma breve descrição de cada componente de bate -papo e definimos todos os adereços que aceita.
Os componentes do React são criados usando a biblioteca de stream-chat-js. Se você estiver personalizando os componentes, é provável que você precise fazer chamadas adicionais para nossa API de bate -papo usando nosso cliente JavaScript, que possui documentação em nosso site.
A partir da versão 5.0.0 , a biblioteca de componentes foi convertida em TypeScript. Leia o Guia do TypeScript para obter detalhes e assistência de implementação.
Para componentes que implementam lógica significativa, é útil dividir o componente em duas partes: um componente de nível superior que lida com a funcionalidade e um componente de nível inferior que renderiza a interface do usuário. Dessa forma, você pode trocar a interface do usuário sem alterar a lógica que fornece ao componente sua funcionalidade. Usamos esse padrão de provedor/consumidor com frequência na biblioteca, e o exemplo abaixo mostra como trocar o componente da interface do usuário Message com MessageTeam , sem afetar qualquer lógica no aplicativo.
< Channel Message = { MessageTeam } >
< Window >
< ChannelHeader />
< MessageList />
< MessageInput />
</ Window >
< Thread />
</ Channel >O método preferido para substituir os estilos predefinidos na biblioteca é para o processo de duas etapas. Primeiro, importe nosso CSS agrupado para o arquivo em que você instanciou seu aplicativo de bate -papo. Segundo, localize todos os estilos de fluxo que você deseja substituir usando o inspetor do navegador ou visualizando o código da biblioteca. Em seguida, você pode adicionar seletores ao seu arquivo CSS local para substituir nossos padrões. Por exemplo:
import 'stream-chat-react/dist/css/v2/index.css' ;
import './App.css' ; Nossa biblioteca suporta a tradução automática para vários idiomas do usuário. Leia nossa documentação de internacionalização para obter mais detalhes e orientação de configuração.
Congratulamo -nos com alterações de código que melhoram essa biblioteca ou corrigem um problema. Certifique -se de seguir todas as práticas recomendadas e adicionar testes, se aplicável, antes de enviar uma solicitação de tração no Github. Temos o prazer de mesclar seu código no repositório oficial se atender a uma necessidade. Certifique -se de assinar nosso contrato de licença de colaborador (CLA) primeiro. Consulte nosso arquivo de licença para obter mais detalhes.
Recentemente, fechamos uma rodada de financiamento da Série B de US $ 38 milhões e estamos crescendo ativamente. Nossas APIs são usadas por mais de um bilhão de usuários finais e, ao trabalhar no Stream, você tem a chance de causar um enorme impacto em uma equipe de engenheiros muito fortes.
Confira nossas aberturas atuais e aplique no site da Stream.
Este projeto usa a biblioteca lamejs sob a licença LGPL para converter o formato de áudio gravado em MP3. O código -fonte da biblioteca é importado dinamicamente e usado apenas se a gravação de áudio estiver ativada.
Você pode obter o código -fonte do lamejs do repositório LAMEJS que é um garfo da biblioteca JS original. Você pode encontrar o código -fonte para coxo em https://lame.sourceforge.net e sua licença em: https://lame.sourceforge.net/license.txt
