Stream video with Peer.js and react
This video is a part of tutorial for WebRTC react video chat app. It shows how to stream video peer-to-peer using socket.io, peer.js and React. We will use react useReducer hook to store peers data and react useContext hook to pass stream to app's component.
Link to the repo: https://github.com/nim-f/webrtc-react
0:00 Intro
0:43 Drakarys the Killer
0:53 Participants' list on server
3:40 Peer.js - install and use
9:20 Remove disconnected users
11:55 Streaming video via peer.js
21:28 Store peers data in react reducer
29:25 Render video grid
Libraries used:
Peer.js https://peerjs.com/
UuidV4 https://www.npmjs.com/package/uuidv4
Socket.IO https://socket.io/
Tailwind css https://tailwindcss.com/