filmov
tv
Let's build a VIDEO calling app with React Native (Tutorial for beginners) 🔴
Показать описание
In this tutorial, you will learn how to build a video and voice/audio calling mobile application for iOS and Android with React Native. This React Native tutorial is great even for beginners, as it covers everything step-by-step, from starting a react native project to implementing the video calling features.
This video is sponsored by Voximplant. We will use Voximplant cloud technology to power our video calling feature. Sign up for free and let's start building👇
By the end of this series, you will build a video calling app with the next features:
✨Authentication
✨List of contacts
✨Calling and Receiving a call
✨Video and Voice only calls
✨Navigation
✨and more
🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation, cookies):
🐱💻 Source code
💬 Join the notJust Development gang and let's build together
Tag me on social media when you finish this build, and I will give you feedback on your project.
Timecodes:
00:00 - How to build a Video calling app like Skype, WhatsApp, FaceTime
01:20 - Building Front End UI with React Native
01:49 - What can be done with Voximplant?
04:00 - Prerequisites for the build
05:50 - Initializing React Native Project
12:30 - Open Project with Visual Studio Code
13:15 - Run the development server with npm start
18:50- Run the app on a device or an emulator
22:25 - Render a List of Contacts
39:20 - Adding Search functionality
55:10 - Creating the Calling Screen
01:29:55 - Incoming Call Screen
01:55:55 - Click handlers for the Accept and Decline buttons
02:00:40 - Ongoing CallScreen
02:23:40 - App Navigation
02:36:30 - Install Native Stack Navigator
02:59:50 - Summary: Contact List, Incoming Call Screen, Call Screen, Navigation
03:00:45 - Sneak peak to next video
03:01:26 - Q&A from the chat
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
This video is sponsored by Voximplant. We will use Voximplant cloud technology to power our video calling feature. Sign up for free and let's start building👇
By the end of this series, you will build a video calling app with the next features:
✨Authentication
✨List of contacts
✨Calling and Receiving a call
✨Video and Voice only calls
✨Navigation
✨and more
🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation, cookies):
🐱💻 Source code
💬 Join the notJust Development gang and let's build together
Tag me on social media when you finish this build, and I will give you feedback on your project.
Timecodes:
00:00 - How to build a Video calling app like Skype, WhatsApp, FaceTime
01:20 - Building Front End UI with React Native
01:49 - What can be done with Voximplant?
04:00 - Prerequisites for the build
05:50 - Initializing React Native Project
12:30 - Open Project with Visual Studio Code
13:15 - Run the development server with npm start
18:50- Run the app on a device or an emulator
22:25 - Render a List of Contacts
39:20 - Adding Search functionality
55:10 - Creating the Calling Screen
01:29:55 - Incoming Call Screen
01:55:55 - Click handlers for the Accept and Decline buttons
02:00:40 - Ongoing CallScreen
02:23:40 - App Navigation
02:36:30 - Install Native Stack Navigator
02:59:50 - Summary: Contact List, Incoming Call Screen, Call Screen, Navigation
03:00:45 - Sneak peak to next video
03:01:26 - Q&A from the chat
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
Комментарии