Post

📝 How To Dynamically Install Custom Elements A pattern I’ve been working on for a while. Load just the elements you are actually using. “Tree shaking” is trivial with HTML. heydonworks.com/article/dyna...

heydonworks.comHow To Dynamically Install Custom ElementsA reusable pattern for custom elements installation

29/12/25, 12:24 pm16 reposts67 likes

Danny Engelman 🌷🏍️🛥️

@engelman.nl

3 Jan

Now Terser must be configured to not minify Class names?

Large Heydon Collider

@heydonworks.com

3 Jan

Sure. Minifying class names isn't going to make your app any faster or not shit.

Burton Smith

@stuffbreaker.bsky.social

29 Dec 2025

Nice! I did something similar in the WC Toolkit lazy-loader package. If they are defined, it will also load dependencies and will shut off once all components have been loaded. wc-toolkit.com/adoption/laz...

wc-toolkit.comLazy LoaderA tool for generating an entry point for lazy-loading custom elements/web components.

Joeri Sebrechts

@joeri-s.mstdn.social.ap.brid.gy

29 Dec 2025

@heydonworks.com I like how minimal this is. You can also move the loading logic into a lazy-load wrapping element, give it a slot for placeholder content, and then outfit it with an intersectionobserver to start loading when scrolled into view.

Large Heydon Collider

@heydonworks.com

29 Dec 2025

Good shout! Any chance you could explain that in an issue on the repo? (no worries if you don't have time)

Joeri Sebrechts

@joeri-s.mstdn.social.ap.brid.gy

29 Dec 2025

@heydonworks.com I have something like that in this repo, might be better than an explanation: https://github.com/jsebrech/sweet-suspense That repo also handles loading errors with an error boundary. It was part of an exploration of what it would take to replace the useful bits of react with […]

mstdn.socialOriginal post on mstdn.social

Nick Williams

@wicky.nillia.ms

29 Dec 2025

TIL static initialisation blocks!

Large Heydon Collider

@heydonworks.com

29 Dec 2025

Pretty cool, but very limited utility. Since they only run once, you can't inherit the component definition routine. You still need to put an explicit static block in every component.

Nick Williams

@wicky.nillia.ms

29 Dec 2025

Ah that is quite limiting. Good to know in any case

Donnie D'Amato

@donnie.damato.design

29 Dec 2025

The self-defining trick is awesome! The modern tech makes much of my earlier approach a lot neater. blog.damato.design/posts/fetchi...

blog.damato.designFetching web component definitionsPassively requesting code once an element is discovered on a page.