Скачать или смотреть How to build Serverless Video Chat App using Firebase and WebRTC in React

In this video, I am talking about how to build a video chat app in react js. I am using WebRTC and Firebase Realtime database to build this application. This is step by step tutorial for webrtc and you will learn all you need to create a video conferance application in react.

First, I will explain how WebRTC works to understand what we are going to do in order to create our app and connect users together.

Second, I will talk about Firebase Database and why I used Firebase for signaling server of our app and why it is better to be serverless!

Third, we will setup firebase and webrtc modules and implement necessary steps to create our first video chat app.

I hope you enjoy it. Please leave it a like if you want to support my channel to do more videos in this area.

Attention: if you want to download the source code and run the app, you should create a firebase app and replace the authKey and other variables inside the config.js file. How?

1-Login into firebase console
2-Create a new app
3-Go to the new app settings section
4-From your apps section, select your app and select Config radio button and copy the firebaseConfig variable and paste it in the config.js file in the project...

00:00 - 02:40 Introduction & how we're gonna build this app
02:40 - 07:42 WebRTC and how it works
07:42 - 08:46 Signaling and Firebase Database
08:46 - 12:05 Project setup
12:05 - 25:36 Firebase section implementation
25:36 - 55:20 WebRTC section implementation

Links:

Project source code [starter]:
https://github.com/mdeveloper20/react...

Project source code [final]:
https://github.com/mdeveloper20/react...

Firebase realtime database doc:
https://firebase.google.com/docs/data...

WebRTC doc:
https://developer.mozilla.org/en-US/d...