Future of Coding is an online community with a welcoming, cooperative, and revolutionary spirit. We are unified in the belief that the common practice of programming is tragically less humane than it could be.

Future of Coding

Making Gloodata embeddable using Web Components and Shadow DOM

The demo embeds Gloodata in the Future of Coding history search web app and shows how it can do external requests to the app and get information back from it.

Shadow DOM allows to isolate all scripts and styles from both sides and allow embeding in any web app using vanilla js/DOM and Web Components.

<https://www.youtube.com/watch?v=04itLyq6Mdg>

<@U0669J3HJJJ> let's continue here :slightly_smiling_face:

yes, it only needs a modern browser, the rest is a single web component tag that can be inserted anywhere using vanilla js or any other way your app uses for that

Excellent :slightly_smiling_face: How we were not aware of this before? :slightly_smiling_face:  ... Lots of questions ... any resource to share where to start looking up this technique?

this is a good intro: <https://www.youtube.com/watch?v=2I7uX8m0Ta0>

I hope so ... I like it very much :smile:

but useful for this kind of framework agnostic embedding with isolation without needing to reach for iframes