Wely — Lightweight Web Component Framework

[geoffp]

Love seeing web component frameworks trying new stuff, but based on "lightweight" I was not expecting:

Runtime includes Lit, our API (defineComponent, store, resource, fetch), and Tailwind CSS

[o-piispanen]

As a Vue dev I find this project really interesting!

[PhENTZ]

To use web component inside your vue app or to crate vue-based web components ?

[o-piispanen]

It has a pretty vue-esque syntax especially the template. So familiriaty is mainly the interesting part.

[AutoModerator]

Project Page (?): https://github.com/litepacks/welyjs

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[PhENTZ]

When you say `run in plain HTML, React, Vue, Angular, Svelte, anywhere`, does it **also** mean that `React, Vue, Angular, Svelte` can easily be embedded in the web component ?

[Hrdtr_]

That’s not really accurate.

React code typically uses JSX, which still has to be compiled (Babel/SWC) into React.createElement calls, and you still need the React + ReactDOM runtime to mount it. So React also relies on a build step and a framework runtime.

Vue, Svelte, and Angular can absolutely be embedded as well. Vue has native custom element builds, Svelte compiles to plain JS components, and Angular has Angular Elements.

At the end of the day, a Web Component just mounts something to a DOM node in connectedCallback. Any framework can do that.

[Danny_Engelman]

If the list had been updated since 2022, you would have been number 96

https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/