I'm working with Lit daily since 2 years (medium-complex B2B SPAs) and it's mostly a very positive dev-experience. Sometimes, Checkboxes and Selects won't rerender correctly if their state is modified from outside, but that's more intrinsic to the way custom elements work. No problem though once you get used to it and have your workaround. It's all standard HTML in the end, so you can always hook into and change your elements manually. Now with SSR returning to be all the rage, I do hope that at some point there will be: a) a good SSR solution (like Next for React), and b) a way to test WC/LitComponents like React&Enzyme, without having to spin up an actual browser.
For one, you don't need a compiler or any custom toolchain. You write Lit components with either plain JS or plain TS. Lit also doesn't change any JS semantics like Svelte does with modules or labels (for instance a module-level variable is just that in Lit, while it becomes something like an object/class field in Svelte). There have also been bugs in Svelte's web components output that the maintainers have seemed reluctant to fix because they're very anti-web-components.
@@JustinFagnani Oh, I did not have knowledge about the semantics at all, I'm still in the starting stages of building simple svelte apps and is building a chrome extension using svelte. The bugs you mentioned is very true, my first approach trying to compile to a web component by changing the rollup config did not seem to work for reasons that the compiler don't seem to clarify. And issues section was not any help either. The anti-web-component agenda is a new info for me.👀.
![Megan Thee Stallion - Neva Play (feat. RM) [Official Video]](http://i.ytimg.com/vi/TpYTyAaTRts/mqdefault.jpg)
Very good and nice lib. It works perfectly and it's based only on web components, no additional packages needed. Lightweight. I really enjoy it.
you mean…Litweight?
Lit is pretty cool! Compared it with other approaches some years ago and ended up using Stencil as I enjoyed the tooling around it a bit more 🙌
I try to use Stencil for building my components library, but there has some issue with its hot module reload when I change css files.
lit is on fleek
My experience has been that web components do not play nice with frameworks that are based on SSR, i.e. Nuxtjs and SvelteKit.
I'm working with Lit daily since 2 years (medium-complex B2B SPAs) and it's mostly a very positive dev-experience. Sometimes, Checkboxes and Selects won't rerender correctly if their state is modified from outside, but that's more intrinsic to the way custom elements work. No problem though once you get used to it and have your workaround. It's all standard HTML in the end, so you can always hook into and change your elements manually.
Now with SSR returning to be all the rage, I do hope that at some point there will be: a) a good SSR solution (like Next for React), and b) a way to test WC/LitComponents like React&Enzyme, without having to spin up an actual browser.
Those glasses are lit like a magnifying glass
Hey, what advantages does this method have compared to compiling web components with Svelte?
For one, you don't need a compiler or any custom toolchain. You write Lit components with either plain JS or plain TS. Lit also doesn't change any JS semantics like Svelte does with modules or labels (for instance a module-level variable is just that in Lit, while it becomes something like an object/class field in Svelte). There have also been bugs in Svelte's web components output that the maintainers have seemed reluctant to fix because they're very anti-web-components.
@@JustinFagnani Oh, I did not have knowledge about the semantics at all, I'm still in the starting stages of building simple svelte apps and is building a chrome extension using svelte.
The bugs you mentioned is very true, my first approach trying to compile to a web component by changing the rollup config did not seem to work for reasons that the compiler don't seem to clarify. And issues section was not any help either.
The anti-web-component agenda is a new info for me.👀.
Every framework says "it's lightweight"... hard to believe anymore.
5k isn't lightweight?
Asah duh
Ug. He used the 'f' word! :/
What do you mean?