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

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