Chat: React Native
How to Build a Slack Clone with React Native
In this three-part tutorial series, you'll build a fully functional Slack clone for iOS and Android using Stream's React Native SDK. 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. What You'll Build Over the
Read more
2 min read
Slack Clone Part 1: Project Setup & Messaging UI
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
Read more
11 min read
Slack Clone Part 3: Threads & Search
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
Read more
9 min read
Slack Clone Part 2: Navigation & Message Actions
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.
Read more
7 min read
Build an AI Assistant with React Native
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.
Read more
14 min read
How to Build a Group Chat with Moderation Using React Native
Building a safe and respectful group chat experience is more important than ever, especially in online gaming communities where conversations can scale quickly. A dedicated group moderator can make this easier by enforcing community standards, reducing toxic behavior, and keeping discussions welcoming for everyone. With Stream’s AI Moderation built into the Chat API, moderation becomes
Read more
14 min read
How to Build a Secure React Native Chat App with End-to-End Encryption
Building secure chat applications goes beyond just sending and receiving messages; true privacy requires end-to-end encryption (E2EE). With E2EE, only the intended participants can read the conversation, while even the service provider remains blind to the content. In this guide, we’ll learn how to implement E2EE in a React Native chat app using Stream’s chat
Read more
18 min read
Building a React Native Telegram Clone with Expo
Are you looking to delve into the world of mobile app development? Ever wondered how to create a messaging application like Telegram? In this tutorial from notJust.dev, you will be guided through the process of building a fully functional messaging application using React Native, Expo, Stream, and Supabase. You'll gain hands-on experience with: React Native
Read more
2 min read