---
title: "Discussion on \"Cracking the Code of Shadow DOM: How We Built Unbreakable Widgets for the Web\" | Hashnode"
description: "Discussion on \"Cracking the Code of Shadow DOM: How We Built Unbreakable Widgets for the Web\". ShadowDOMs provides a very powerful way of keeping components isolated, lets dive deeper onto how we can make it useful!"
url: "https://hashnode.com/posts/cracking-the-code-of-shadow-dom-how-we-built-unbreakable-widgets-for-the-web/677c3a61da43d4c48b777777"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Cracking the Code of Shadow DOM: How We Built Unbreakable Widgets for the Web](https://journal.hexmos.com/cracking-the-code-of-shadow-dom-how-we-built-unbreakable-widgets-for-the-web?utm_source=hashnode&utm_medium=feed)

ShadowDOMs provides a very powerful way of keeping components isolated, lets dive deeper onto how we can make it useful!

Jan 6, 2025 · 5 min read · journal.hexmos.com  
Read the article

-   [#web-development](https://hashnode.com/tag/web-development)
-   [#javascript](https://hashnode.com/tag/javascript)
-   [#software-development](https://hashnode.com/tag/software-development)
-   [#beginners](https://hashnode.com/tag/beginners)

## Written by

[Rijul Rajesh T P](https://hashnode.com/@rijultp)

@rijultp

  
[View profile](https://hashnode.com/@rijultp)

## Responses 1

Markdown supported · ⌘↵ to post

[Fyodor](https://hashnode.com/@fyodorio)

[Jan 15, 2025](https://hashnode.com/posts/cracking-the-code-of-shadow-dom-how-we-built-unbreakable-widgets-for-the-web/677c3a61da43d4c48b777777/comment/67880a37d84e6b583a1a4e95)

I love reading about widgets building experiences, that’s so rare, thank you 👍🏼 Could you please share some technical details on how “efficient” the resulting code is, if I may ask? Did you use frameworks as helpers or went bare JS for that? Is the resulting bundle size tolerable in terms of loading time? (And what is the shadow DOM’s impact on that?) Did you face CORS issues in different website environments or used some generic workarounds?