Tutorials: React Chat
Multi-Model AI Chat: How to Switch Between Different LLMs in Your Stream App
An interesting quirk of large language models (LLMs) is that they aren’t all the same. ChatGPT tends to be better for analysis, but in the words of Paul Graham, “writes like a kid doing an assignment.” Claude is a much better writer but loves a little bit of hallucination. All other models have their strong
Read more ->
29 min read
Explore Astro Islands By Building a Chat App
JavaScript is the foundation of the modern web. Without it, you don’t have the rich interaction you expect from websites, like real-time updates, video, or chat. But JS brings a problem: bloat. Modern web apps often ship megabytes of JavaScript to the browser. This slows initial page load and hurts performance, especially for mobile devices.
Read more ->
8 min read
Build an AI Assistant with React
In this tutorial, we will demonstrate how easy it is to build an assistant integrated into Stream’s React Chat SDK and learn how to incorporate the interaction on both the client and server sides. We will use the Anthropic and OpenAI APIs as the out-of-the-box examples, but using this method, developers can integrate any LLM
Read more ->
9 min read
AWS Comprehend for Sentiment Analysis in Chat
In the digital age, chat messaging has become an integral part of daily communication. From personal conversations to customer support interactions, these text-based exchanges contain a wealth of information about users' emotions, opinions, and experiences. Enter sentiment analysis—a powerful tool that can unlock the emotional content hidden within these messages. Sentiment analysis uses natural language
Read more ->
7 min read
How To Secure a Vite-Powered React App With Seald End-to-End Encryption
When sending messages across a chat app, one way to ensure the data and conversations are not intercepted is to build proper security to shield people who use the app. This article dives into how to implement strong end-to-end (E2EE) encryption in your app to protect users. We will integrate Seald’s E2EE into Stream’s Chat
Read more ->
17 min read
How To Build A Facebook Messenger Clone
You’ll need to integrate a chat solution, but how do you build one that encourages modern connection through futuristic features? Stream sponsored Web Dev Simplified YouTube to provide a developer-focused guide on implementing Stream's React Chat SDK to create a Messenger-style clone. In just an hour and a half, this tutorial demonstrates how to build
Read more ->
1 min read
Customizing Your Stream Chat Web App With Our New Theming API
Follow this coding tutorial to learn about the new Stream Chat theming API and understand how to customize your Stream chat web app with CSS. Customizing Your Chat Application Creating a chat UI that seamlessly integrates with the rest of your application's design can elevate your user experience. An extensive theming system that allows you
Read more ->
7 min read
Hive AI and Stream Chat Content Moderation Integration Guide
Billions of users access mobile and web applications every day and generate countless hours of content, from live-stream videos to real-time messages and more. For the teams that build and maintain these services, enforcing some level of content moderation is a must. But, how can you keep up with the constant influx of user-generated content?
Read more ->
13 min read