Let's challenge ourselves and build a fullyfledged Discord clone with React Native and Stream Chat SDK
➡ Open your Free Stream Maker Account: https://bit.ly/3hgaJ7B

Download the Asset Bundle (Images, Dummy data, PDF presentation, cookies):
https://assets.notjust.dev/discord
Source code: https://github.com/notJustdev/Discord

In this video, we will learn how to build a fullyfledged realtime chat messaging application similar to Discord or Slack. The application will have all of the engaging features you would want for inapp chat — such as emojis, likes, URL previews, and more.

Building inapp messaging functionality from scratch can take months — and that’s just for a barebones 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 applications such as Discord, Slack, WhatsApp.

By the end of this video, you will build a chat app with the next features:
✨1on1 Realtime messaging
✨Group channel messaging
✨Emojis, Reactions, GIFs
✨Image, Video and Attachment messages
✨URL previews
✨and more
All of this in one single video

Enroll NOW in The FullStack Mobile Developer course and don’t miss out on your chance to become a 6figure dev! Check out what our successful students are saying about their experience:
https://academy.notjust.dev/?utm_sour...

Join the notJust Development gang and let's build together:
Twitter:   / vadimnotjustdev  
Instagram:   / vadimnotjustdev  
Facebook:   / notjustdev  
LinkedIn:   / vadimsavin  
Discord:   / discord  

Timecodes:
0:00 Intro
2:48 Prerequisite
5:08 Setting up the project
14:44 Create Steam account & install stream chat SDK
23:06 Initialize a Stream client
26:08 Connect a user
37:36 Create a channel
43:31 Configuring UI components overlay provider
47:21 Configuring UI components chat
52:41 Configuring UI components chat list
59:48 Configuring UI components channel
1:08:43 Configuring UI components message list
1:09:30 Configuring UI components Message input
1:17:50 Summary
1:30:07 Basic authentication
1:44:15 Create auth context
2:05:06 Display channel list with drawer navigator
2:19:15 Create a channel screen
2:26:46 Render the messages for a channel
2:49:06 Theming
3:01:53 Fixing users channel list
3:04:58 Allow user join a channel
3:20:14 App test
3:24:54 Q&A

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