DEV Community

Vivek
Vivek

Posted on

WebJs - AI first web components framework

#web #webcomponents #webdev #fullstack

I experimented building a web components framework I always wanted but didn't exist: webjs.dev Ofcourse, I made it AI friendly!

Feedback and contributions are most welcome.

Top comments (1)

Collapse
 
dannyengelman profile image
Danny Engelman • • Edited

IMHO, you copied the bad parts from Lit.

 return html`
   <button @click=${() => { this.count--; this.requestUpdate(); }}>-</button>
   <output>${this.count}</output>
   <button @click=${() => { this.count++; this.requestUpdate(); }}>+</button>
   `;
Enter fullscreen mode Exit fullscreen mode

Looks great in a small counter example,
but becomes HTML (Horrible Twisted Messy Lines) in real applications...
Not to mention all whitespace and linebreaks end up in the delivered minified file.

Can all be done without a Framework or HTML: