Post AU5A9KTF5Vi5DFDjPM by jaredwhite@indieweb.social
 (DIR) More posts by jaredwhite@indieweb.social
 (DIR) Post #AU5A9IUwQDsf5w03mK by jaredwhite@indieweb.social
       2023-03-28T18:07:34Z
       
       0 likes, 1 repeats
       
       Declarative Shadow DOM lets you build buzzword-thy components!ResumableHydratable"Split" componentsNo joke!Just add "lazy-load" mechanics into your custom element definitions, and you don't need to upgrade a web component until preciely when it's needed. Because the shadow DOM gets streamed from the server, all of your content and styles are already there!I think folks aren't realizing what a freaking game changer this is. #WebComponents SSR goes from "meh" to cutting-edge, instantly.
       
 (DIR) Post #AU5A9KTF5Vi5DFDjPM by jaredwhite@indieweb.social
       2023-03-28T18:11:28Z
       
       0 likes, 1 repeats
       
       Again, not to overstate this, but with DSD you can literally stream an entire application screen directly from the server to your browser with zero JS.Then, based on your own determination of what needs to load when, you can upgrade a set of custom elements. These components **don't even need template rendering mechanics** to be on the client if you don't need that. Got a component which only needs to attach a click handler? Ship *only that code* to the client!Really, really freaking cool.
       
 (DIR) Post #AU5OP0uuxDv0YlXS1g by konnorrogers@ruby.social
       2023-03-28T20:42:52Z
       
       0 likes, 1 repeats
       
       @jaredwhite Theres some cool things at play here. You could get shadow dom template isolation in regular components without ever needing to upgrade it.You could quite literally ship 0 JS web components depending on the use-case.as for "lazy-load", you could split all your components into a seperate script tag and run it "async"<script src="component-library" type="module" async></script>The best part of all of this,  its server agnostic!There's so much to explore!