Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Let's build a DISCORD clone with React Native (p2)  🔴
Play lesson

React Native for beginners - Let's build a DISCORD clone with React Native (p2) 🔴

5.0 (4)
42 learners

What you'll learn

This course includes

  • 537.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

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 🤯 ⚛️ React Native Mastery is the ONLY course you need to master mobile development with React Native & Expo 🚀 Enroll here: https://www.notjust.dev/react-native-mastery 💬 Join the notJust Development gang and let's build together: Twitter: https://twitter.com/VadimNotJustDev Instagram: https://www.instagram.com/VadimNotJustDev Facebook: https://www.facebook.com/notjustdev LinkedIn: https://www.linkedin.com/in/vadimsavin Discord: https://discord.gg/VpURUN2 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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere