I've just started learning #webComponents and oh my days there seems to be a lot of ways to boilerplate this. Should I just use #Lit? It looks like I'd need a bundler which seems overkill for my tiny #11ty site.
It's not really "web components" because it's all server-side rendered; client-side is up to you, but bundling is provided for free! There are examples of people using it with Lit, MorphDOM and other client-side dom-diffing libraries.
@tbroyer I was a bit confused about that, the docs say don't use the pre-built bundle client side but install the package instead. However the npm package doesn't seem to be usable without a bundler?
@Jbasoo@tbroyer for a production hardened site there are some concerns about depending on modules from a third party origin, that's generally why it's discouraged. But you shouldn't optimize until you have users. CDNs are fine for development.
@schizanon@tbroyer The docs warn about it probably including more than you need. It's probably a personal thing but I don't mind using the bloated, insecure version for learning the basics but I don't want to learn bad habits if it's something I'm aiming to use in production, regardless of how many users I have.
@schizanon haha, yeah you're right. If I was only going to use it on my personal site I might just go for it but as I could end up using on something larger for work I just want to learn how to build with it at a bigger scale.
@Jbasoo I don't think that bundling is really specific to web components; if you learn to use Rollup or Webpack it's the same whether you're doing Lit, or React.
The real scaling problem is application complexity; lots of components nested in each other's shadow doms, sharing state via Signals, or Context, or whatever.
@Jbasoo@schizanon Well, either you want something optimized and you probably want a bundler then (you could also use the "core" bundle, I doubt it includes much more than you'd need, but your code won't be optipized), or you want something easy to use for a tiny website and you can use prebuilt bundles (and use subresource integrity for better security when loading from a CDN)
Add comment