Build a Messaging App with React Native in 2 hours (Tutorial for beginners) 🔴

Video Description

This tutorial showcases how I built a real-time messaging app with all of the engaging features you would want for in-app chat — such as emojis, likes, URL previews, and more — using Stream’s React Native Chat SDK. The kicker? I built it in 2 hours. Unlock enterprise-grade features, functions, and UI components completely free for your startup or side project with the Maker Account from Stream 👉 https://gstrm.io/notjustdev 👉 https://gstrm.io/notjustdev Building in-app messaging functionality from scratch can take months — and that’s just for a bare-bones chat that contains none of the features that savvy app users expect. With the Stream Chat API, you can replicate polished social media messaging experiences found in popular social media platforms such as Facebook Messenger or WhatsApp. By the end of this video, you will build a chat app with the next features: ✨1-on-1 Real-time messaging ✨Group messaging ✨Emojis, Reactions, GIFs ✨Image, Video and Attachment messages ✨URL previews ✨and more 🤯 All of this in one single video 🤯 🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation, cookies): https://assets.notjust.dev/chat 🐱‍💻 Source code https://github.com/Savinvadim1312/Chat 💬 Join the notJust Development gang and let's build together https://discord.gg/VpURUN2 Tag me on social media when you finish this build, and I will give you feedback on your project. Twitter: https://twitter.com/VadimNotJustDev IG: https://www.instagram.com/VadimNotJustDev LinkedIn: https://www.linkedin.com/in/vadimsavin Timecodes: 00:00 - Intro Building Chat Application in React Native 01:38 - Benefits of Stream Chat API 07:57 - Initializing the expo project 10:42 - Open Project in Terminal in VSC 11:30 - Running the development server 11:46 - Opening an iOS simulator 16:21 - Sign up for Stream SDK 17:35 - Creating New App in Stream 19:48 - Install Dependencies and Libraries 24:29 - Initialize a client 26:28 - Connect a user 31:37 - Disable Authentication checks 34:10 - Disconnect a user 35:28 - Create a channel 40:55 - Configuring UI Components 45:12 - Overlay Provider Component 46:33 - Chat Component 48:30 - Chat List 01:11:00 - Channel list 01:19:00 - Rendering a Channel Component 01:21:47 - Message List Component 01:22:40 - Message Input 01:28:00 - Custom Components examples 01:37:23 - Summary of the set up 01:41:10 - Basic Authentication 02:17:45 - Render a List of Users 02:28:54 - Create a Chat Room with a user 02:35:09 - Navigation of the Chat Room 02:53:17 - Debugging before testing 03:02:42 - Q&A about the Chat App 03:04:34 - Using the just built Chat app in real time 03:09:45 - Overview and thanks to Stream! Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated. #VadimSavin #notjustdev #reactnative