Cross-Tab Communication in JavaScript using a SharedWorker

In this lesson we'll be going over how to do cross-tab communication using a SharedWorker. SharedWorkers are Web Workers that are sharable across browser-instances (tabs, windows, etc).
View Demo: cross-tab.surge...
View on Jagr: jagr.co/posts/...
Series:
― 1. LocalStorage - • How To Do Cross-Tab Co...
― 2. SharedWorker - You are here
― 3. BroadcastChannel - Not yet complete
Repository:
― GitHub: github.com/jag...
― Git Clone: $ git clone github.com/jag...
Social Media:
― Website: jagr.co
― Twitter: / jagr_co

[@mortenbellmann6972]

Thanks man! Helped a lot to have a step by step tutorial! :) Have a great one!

[@joewilson27]

Please let me know how Shared Worker running with VueJS project

[@samrad9598]

thx for clearing this up

[@artemkostochkin4491]

THANK YOU, BRO

[@susiebaka3388]

why not use shared worker for literally everything?? seems extremely powerful. why even use broadcast channel either?

[@Adocasts]

That’s a great question! BroadcastChannel was added for the purpose of sharing messages across contexts, and since its purpose is scoped, its API is cleaner and easier to implement if that’s specifically what you’re looking for. Whereas, SharedWorker is powerful, but will take a little more work to setup.

[@MrSuperKorsar]

Shared Worker doesn't work for me, on your demo page as well. Have any clue why? win 11 chrome, firefox

[@runthecode_]

same here. It isn't working for me as well