Show HN: Minimalist Web Components for your static website(github.com)
github.com
Show HN: Minimalist Web Components for your static website
https://github.com/link-society/micro-web-component
5 comments
If you've been building complex web components for 4 years, hopefully by now you've realized you can actually pass _properties_ down to custom elements.
Yep, but now you have two ways of doing a thing. With attributes you have attributeChangedCallback, with props you have set prop functions.
Attributes show up nice in dom explorer and make it easy to debug, props don’t.
I could go deep into this, when you bring typescript into the equation for large apps, there are all sorts of tradeoffs to keep in mind.
Attributes show up nice in dom explorer and make it easy to debug, props don’t.
I could go deep into this, when you bring typescript into the equation for large apps, there are all sorts of tradeoffs to keep in mind.
Well, in our case, the templating is done with Hugo in partials. We just needed the interactivity.
We needed some interactivity within our Hugo websites, and those 12 lines of code (360 bytes) were being copy-pasted in all our projects.
It is released in the public domain, because there is no value in keeping it to us.
It is released in the public domain, because there is no value in keeping it to us.
There are micro libs like snabbdom that get you that.
However in my 4 years of building complex webcomponents , the missing pieces are a same way to do templating and a sane way to declare attribute schema
Webcomponents assume all attributes are strings, but you deffo end up needing to parse numbers, Booleans and objects from it.