How to Create a Video Chat With React, TypeScript, and WebRTC

Creating a peer-to-peer connection to establish a video chat

Cesar William Alvarenga
Geek Culture

--

Photo made with Canva.

Nowadays, more and more people are using online resources to communicate, giving presentations, working on projects or even creating music in online collaboration. Therefore, many tech companies are enhancing their services to provide a way to make this communication easy to scale, easy to use, more accessible, and more efficient.

In this article, we’ll learn how to create a peer-to-peer connection to establish a video chat between two or more users, without requiring the user to install plug-ins or any other third-party software.

What is WebRTC?

WebRTC is a new front in the long war for an open and unencumbered web. — Brendan Eich

WebRTC (Web Real-Time Communication) is an open-source project that enables peer-to-peer communication of audio, video, and data in web browsers and native apps on iOS and Android. The project is supported by Apple, Google, Microsoft, and Mozilla, among others.

In the WebRTC implementation, we have several interrelated JavaScript APIs and protocols for capturing and streaming media between browsers. With WebRTC you can…

--

--