Tutorials: Chat

In this three-part tutorial series, you'll build a fully functional Slack clone for iOS and Android using React Native and Stream Chat. By the end, you'll have a working app that closely mirrors Slack's UI and functionality, complete with dark mode support, emoji reactions, GIF previews, and a message action sheet. Note: This tutorial is

In this tutorial, you will create a clone of Slack, a workplace messaging platform in React Native. The Slack application consists of three parts and includes several features. This first part covers the following UI/UX features: Channel List: Contacts in popular messaging apps like WhatsApp. Input Box: For composing messages. Message Row: For displaying incoming

Welcome to the final series of the Slack clone tutorial. In part 2, we covered how to build Slack-like navigation, channel lists, channel screens, a reaction picker, and an action sheet. In part 3, we will build the various search screens and the message thread screen. Below are a few resources to assist along the

In part 1 of this tutorial series, you learned how to set up your environment, build a channel list, define content and navigation, and build the message composer and message UI, alongside other UI/UX features. In this part, you will focus on adding: Icons/symbols The channel list header The compose button The message action sheet.

A2UI (Agent-to-UI) is a protocol designed by Google to standardize how AI agents communicate with user interfaces. Instead of tightly coupling agents to specific frontends, A2UI defines a clear contract for intent, state, and actions - making it easier to build interactive, agent-driven experiences that are portable, composable, and UI-agnostic. As AI systems move from

In this tutorial, we will demonstrate how easy it is to create an AI assistant for React Native using Stream Chat. As an example, we will leverage the StreamChat integration with Vercel's AI SDK; however, developers are free to use whichever LLM provider they like and still benefit from Stream's rich UI support for Markdown, tables, code samples, charts etc.

In this tutorial, we will demonstrate how easy it is to create an AI assistant for iOS using Stream Chat. In this example, we will use the Stream Chat integration with Vercel's AI SDK; however, developers are free to use whichever LLM provider they like and still benefit from Stream's rich UI support for Markdown, tables, code samples, charts etc.

In this tutorial, we will demonstrate how easy it is to create an AI assistant for Android using Stream Chat. In this example, we will use the Stream Chat integration with Vercel's AI SDK; however, developers are free to use whichever LLM provider they like and still benefit from Stream's rich UI support for Markdown,