Let's build a DISCORD clone with React Native (p2) 🔴
Let's challenge ourselves and build a fully-fledged 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/notJust-dev/Discord
In this video, we will learn how to build a fully-fledged real-time chat messaging application similar to Discord or Slack. The application will have all of the engaging features you would want for in-app chat — such as emojis, likes, URL previews, and more.
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 applications such as Discord, Slack, Whatsapp.
By the end of this video, you will build a chat app with the next features:
✨1-on-1 Real-time 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 Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure 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
0:25 Previous Stream Build
1:26 Plan Outline
4:32 Prerequisite
5:18 Starting Point
6:15 Demo of Previous Build
11:30 Connect StreamChat SDK with Custom Backend
15:25 Setup Amplify Backend
18:11 Amplify Auth
42:50 Amplify API
59:30 Generate User Token
01:09:00 Refactor Auth Logic
01:19:25 Dynamically get User Token
01:25:00 Separating Public & Private Channels
01:33:00 Start a Private Channel
01:58:55 Extend Capabilities for Private Channels
02:14:21 Extend Capabilities for Public Channels
02:43:10 Invite & Add Users to Channels
03:23:00 Implement Hamburger Menu
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
Смотрите видео Let's build a DISCORD clone with React Native (p2) 🔴 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь notJust․dev 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 66,771 раз и оно понравилось 405 людям.