BroadcastChannel API Tutorial - Create a Chat App

In this tutorial series you will learn how to send / manage data between windows and tabs using the BroadcastChannel API. We'll be using the api to create a simple web chat app.
This API is really useful for things like keeping data synchronized across multiple sessions, and capturing all events from users in different browsing contexts.
BroadcastChannel Documentation: developer.mozi...
Tutorial Github Repo: github.com/rmb...
Full Github Repo: github.com/rmb...

[@khandoor7228]

Very Nice Ryan. I am subscribing. I was looking for something like this for a while. Creating a chat app with socket.io is a bit more complicated. This makes it much easier. Thanks man!

[@ryanmichael_hirst_0]

Awesome man thank you! Really happy to hear that. Socket.io is definitely more difficult haha

[@johnphillips2505]

Just what I was looking for thanks Ryan!

[@ReasonNLogic]

An app to chat with yourself?

[@edoardododoguzzi]

broadcastchannel work on only tab and windows of same browser or is multiple browser where 2 different users can chat together?

[@ReasonNLogic]

No, this guy created an app to chat with himself. BroadcastChannel only communicates between the same browser context, user agent, origin, and domain. It’s mostly only useful to keep multiple tabs, open to the same site, in sync.