Building a Realtime Video and Chat App in React Native with Stream

24,090
0
Published 2024-05-10
This is second part of our tutorial on building a chat application like Telegram, using React Native, Expo and Stream, and in this part we're focusing on Video and Audio Calling Features.

🚀 Build your own video and chat application with Stream for FREE: bit.ly/3y0WRd6

In this tutorial, we're continuing the build of our Telegram Clone in React Native and Expo, and we're adding important features like Video and Audio Calling to it using Stream Video SDK to make it even more powerful. We're going step-by-step into structuring everything, and putting everything together in a fully functional app. This is a perfect opportunity to follow along and build this application together with us then add it to your portfolio.

1️⃣ Watch the first part here: youtube.com/live/a_EdG30oGQI

✅ Project Page: www.notjust.dev/projects/telegram
💻 Source Code: github.com/notJust-dev/TelegramClone

❗Try our FREE 2-day Masterclass on notJust.Academy: assets.notjust.dev/masterclass/?utm_source=youtube…

📚 This video includes a lot of tools and technologies, providing an excellent opportunity to learn about:
- Building Custom components with React Native
- Implementing Stream Video SDK for video and audio calling functionality
- Simple User Interface(UI) design for a chat application

📚 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:
academy.notjust.dev/?utm_source=youtube&utm_medium…

💡 Have an idea for a future tutorial? Share it on our Idea Board: github.com/orgs/notJust-dev/discussions

💬 Join the notJust Development gang and let's build together:
Twitter: twitter.com/VadimNotJustDev
Instagram: www.instagram.com/VadimNotJustDev
Facebook: www.facebook.com/notjustdev
LinkedIn: www.linkedin.com/in/vadimsavin
Discord: discord.gg/VpURUN2

The bug at the end was solved by downgrading: "@config-plugins/react-native-callkeep": "^7.0.0",

Timecodes:
0:00 Intro
1:10 Short Demo of the App
3:24 React Native Mastery course
5:22 Installing Stream Video SDK; Create a development build


Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with.
#notjustdev #telegram #reactnative

All Comments (16)
  • where on the website will you provide the details to fix the bug ? before video ends?
  • @techycode2217
    In your new course Redux in Inclueted (thunk) or if not then which state management is used?
  • @shahad1679
    Hey bro can I use expo in windows system and use emulator for iOS ?couse my laptop is windows .. plz help me
  • Лучший из лучших, хочу к тебе в приватку, отзывы радуют
  • TUNES R BANGIN. BUT. NGL. DA MIXIN ?! IDK PRETTY DECENT BUT😶‍🌫 GIZAJOB
  • @hl6903
    Telegram delete animation awesome how to add in react native
  • @macyyash5083
    Bro Build a Truecaller clone with its actual functionality
  • @abduwahabhasan
    Hey, when I run npx create-expo-app I am getting different project structure. I am so frustrated.
  • I don't want to be a pessimist but the way he builds the app like it's giving him headache and difficulty, always hoping for things to work is discouraging for an intermediate person.