Let's build a VIDEO calling app with React Native (Tutorial for beginners) 🔴

preview_player
Показать описание
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
Рекомендации по теме
Комментарии
Автор

It took me 25 hours to prepare this video. It takes only 3 seconds to destroy the like button! Just saying 👉👈

🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation, cookies):

notjustdev
Автор

Awesome, I just finished the video, you deserve more than a like.

aboidrees
Автор

In took just 10 sec to announce that you are great Teacher 🙂

AkbarAli-vtor
Автор

Great that you always post unique react-native ideas and content, and that too beginner friendly. Keep up the hard work.

dhruv.pandey
Автор

i always find it good to learn from you thank you so much

jamespoda
Автор

Hey there's an auth error while loggin in the error code showing as 404..I coudn't find any solution online..

sarangcheruvattil
Автор

I want to make a app that it can make audio an video call. Audio too how do it?

origarsa
Автор

I am a fan of these serious. You got my like.

UHDking
Автор

Thank you so much. <3 My first project react-native

hongsonnguyen
Автор

Which theme is this ? I like the way it makes un necessary parts subtle in the vscode.

Sameer_Kumar
Автор

Thank you so much for this video, i recently started learning react native and it is great to know a place i can learn more about it. this is random but what theme do you use for your vscode.

mwnkt
Автор

Hello, could you do this project with react native Django channel web socket webrtc ?

dreamaccess
Автор

🖐 I face a problem in React Native. when i open my app for the first time it take a while to run. I don't know if this problem will be solved if I generate my application to apk

jeremyhb
Автор

Salut magnifique vidéo mais y’a pas le code source sur le githoub

belkacembelkacem
Автор

Great video! Is it possible to implement it also with AWS backend? (i.e. IVS service?)

andreavalle
Автор

Please make a fully functional instagram close. I mean like the same instagram

mdnaimhossen
Автор

voximplant is PAID, you forgot to say that

mrutyunjayabehera
Автор

Hey, great video! Does Voximplant work with Expo custom dev client?

dimarubanov
Автор

It's not a video calling app, it's a video calling app 'UI'.

AhmedShamsWali
Автор

I wanna meet those 3 who disliked this video

awaisraza