WebRTC Video Chat with REACT, Typescript, WebSockets and Node.js

WebRTC stands for Web Real time communication. It is a relatively new browser specification that allows us to stream video, audio or other data peer to peer using only browser, in real time.
This web API unlocks an easy way to create a video conference applications like google meet, jitsi or zoom. In this tutorial I will show you how to create a video chat app using WebRTC.
In this video we will set up repos - server and client - for our video chat. I will show how to configure typescript for node easily and for client we will use CRA.
Repo github.com/nim...
WebRTC webrtc.org/
Express expressjs.com/
Socket IO Library socket.io/

[@johnstorm589]

Excellent tutorial :) Very clear and full of useful information. Thank you!

[@codeandbird]

Thank you!

[@maskman4821]

This tutorial series is exactly what I need and been looking for, thank you so much 😍

[@codeandbird]

I am glad it was useful for you :)

[@kjvisual7]

I was using npm instead of yarn. So I ended up using the Concurently package to watch and build. I hope it works out. And thanks for the tutorial, I'm looking forward to completing it.

[@Ryuseynivnimoro3336]

Completely useful, thanks for the content!

[@vilmarMartins]

Thank you so much! The explanation is very clear and has a lot of information. Excellent!!!

[@vilmarMartins]

I couldn't help but subscribe me to the channel.

[@codeandbird]

I am glad it was useful :)

[@RaGa_BABA]

This is so cool...please continue the playlist...

[@margaritaignatyeva6050]

Thank you for the tutorial! 👏

[@codeandbird]

Any time!

[@juicio_den]

Awesome! Nice bird.

[@JavascriptForEverything]

Thanks, this is an excellent tutorial

[@DeuceAdd]

Just what I needed, thanks a lot for your effort, slava ukraini

[@werachaisrisupinanont3353]

Thanks for Thailand

[@itechds6988]

Congratulations on the video. I have a question. I have a video on vmix and copying the url of the video on the browser works and in Inspect I have a Json object called vMixCall in which the answer is present. vMixCall: {"type": "answer", "sdp": "v = 0 \ r \ no = IceLink ......."}
how can i show this video of vMix on my webpage in localhost: 3000?

[@yukionna9003]

Mesh & MCU & SFU which one?

[@user-sv1wp8kd7v]

can i use javascript instead of typescript

[@codeandbird]

Of course you can

[@cnotation]

I have a bird but he doesn't seem to like humans. We let him roam around the house. How can I get him to hang out on my shoulder like yours?

[@DJZ3M]

I don't know why the big hype about typescript it's just javascript with alot of extra steps that at the end it will be compiled to normal javascript so just extra work for nothing other than "type safty" if you really want strict types jus work with C# or java, it took you 15 min just to finnish typescript configuration if you used normal javascript you would have finnished running up your database connect it to your express app and defined some routes and drunk some coffee and for the frontend cra is bad choice for creating a react app for now because it's very heavy and slow use vite instead very lite weight and fast other than that I'm looking forward to learn webrtc

[@codeandbird]

I had the same opinion about TS in the beginning and for small pet project it’s overkill of course, but when I worked with many devs on big projects I started to appreciate it :) and I do my tutorials about things that I am learning myself at the moment, so when I was making this videos I was curious to try this stack. Feel free to do the same with pure js, there won’t be much of a difference.

[@DJZ3M]

@@codeandbird yes either ts or js the logic is the same
The logic is what matters to me the most in tutorials
Thank you for all the efforts you made making this playlist

[@aleksandr1277]

Вроде tslint уже депрекейт, теперь eslint везде юзают.

[@airplaneCrashe]

как всегда ничего про TURN сервера. WebRTC без терн сервера абсолютно бесполезно

[@maksim.kalinin]

Why tslint? Isn’t it deprecated?

[@codeandbird]

Good point. Just did it out of habit :D

[@ilvesbogdan]

Очень интересно.
Вот только непонятно ничего.