Service Workers - Messaging between Tabs and Service Workers

This is the eighth video in the Understanding Service Workers Series.
This video explains how to pass data back and forth between browser tabs and the shared service worker. Also discussed is how you can track individual tabs by their id so that you can broadcast a message to all tabs or pass a message to a single tab.
Code from video: gist.github.co...
MDN Clients postMessage reference: developer.mozi...
Full Service Worker video playlist: • Service Workers - Regi...

[@shubhamkumarsingh]

I was looking for something else but I came across this video and from your video I got a work around to solve a huge bug in my project. Thanks a lot!

[@iwswordpress]

Very good. i know a lot of work goes into preparing a video like this. Thanks.

[@pedrorevolorio6960]

Great videos! I have a CRA based app and love everything about the service worker other than users getting stuck on an older version. I'm hoping I'll be able to use your tutorials to give users a message and option to reload and get the newest version!

[@limitless9483]

man you're the best I'll follow you everywhere

[@Colstonewall]

Awesome!

[@lucapassani1129]

This is useful, but I found things a bit messy and had to rewatch multiple times. I think that a diagram/slide that illustrates what's going on, and how messages flow between the different components involved would help greatly if provided before you start showing the code. Anyway, great content. Thank you.

[@SteveGriffith-Prof3ssorSt3v3]

I have a new playlist that I started to talk about messaging - Here is the first video in that series - ruclips.net/video/n2NeCLTUMTE/видео.html
In my in-person classes I do diagrams on the white board.

[@lucapassani1129]

@@SteveGriffith-Prof3ssorSt3v3 thank you Steve. Happy holidays

[@mikebryan3270]

Could this be used to let the client know an update is available? Similar to a push notification.

[@SteveGriffith-Prof3ssorSt3v3]

Absolutely.

[@jrs_devs]

This seems a bit similar to the Broadcast Channel API, do you have any video on that?

[@SteveGriffith-Prof3ssorSt3v3]

Not currently. I have done lessons in class on the differences between the different types of messaging that can be done between tabs, windows, and service workers but no video yet.
Please add it as a request here - ruclips.net/video/LCezax2uN3c/видео.html - as a reminder to me.

[@kl6544]

🤴🏿 👑