#lithtml — Public Fediverse posts

JSX-Syntax with Webcomponents.

https://positive-intentions.com/blog/dim-functional-webcomponents

I made something to try out and I'm working towards a UI framework for my personal projects. It's far from finished but perhaps this might be interesting to share.

#functional #webcomponents #javascript #html #css #web #components #library #webcomponents #customelements #lithtml #lit #polymer #OpenSource

We are happy to announce our new open-source web template for creating a simple and minimal radio directory - Radiohub! It's powered by the amazing web-component library Shoelace.

Feel free to check it out and let us know your feedback.

https://github.com/digitalmalayali/radiohub

#digitalmalayali #opensource #webtemplate #shoelace #lit #lithtml #webcomponent #radio #radiodirectory

We are happy to announce our new open-source web template for creating a simple and minimal radio directory - Radiohub! It's powered by the amazing web-component library Shoelace.

Feel free to check it out and let us know your feedback.

https://github.com/digitalmalayali/radiohub

#digitalmalayali #opensource #webtemplate #shoelace #lit #lithtml #webcomponent #radio #radiodirectory

We are happy to announce our new open-source web template for creating a simple and minimal radio directory - Radiohub! It's powered by the amazing web-component library Shoelace.

Feel free to check it out and let us know your feedback.

https://github.com/digitalmalayali/radiohub

#digitalmalayali #opensource #webtemplate #shoelace #lit #lithtml #webcomponent #radio #radiodirectory

We are happy to announce our new open-source web template for creating a simple and minimal radio directory - Radiohub! It's powered by the amazing web-component library Shoelace.

Feel free to check it out and let us know your feedback.

https://github.com/digitalmalayali/radiohub

#digitalmalayali #opensource #webtemplate #shoelace #lit #lithtml #webcomponent #radio #radiodirectory

We are happy to announce our new open-source web template for creating a simple and minimal radio directory - Radiohub! It's powered by the amazing web-component library Shoelace.

Feel free to check it out and let us know your feedback.

https://github.com/digitalmalayali/radiohub

#digitalmalayali #opensource #webtemplate #shoelace #lit #lithtml #webcomponent #radio #radiodirectory

Im letzten Artikel der Web Components Blogpost-Reihe haben wir uns die Lit-Bibliothek aus der Sicht eines Angular-Entwicklers angesehen. Im fünften und abschliessenden Artikel stellen wir ein Projekt vor, welches wir mit Webkomponenten und Lit gebaut haben: Puzzle Shell. Diese Komponentenbibliothek ermöglicht es uns, das responsive Basislayout und Design interner Anwendungen konsistent zu gestalten.

https://www.puzzle.ch/de/blog/articles/2023/12/27/web-components-part-5-puzzle-shell

#WebComponents
#Frontend
#LitHTML
#Angular

Ho. ho, ho - der 🎅 hat zum heutigen Tag den vierten Teil unserer Blogpostserie rund um Web Components mitgebracht! 🚀

Nachdem wir im vorderen Artikel den Projektsetup mit Lit angeschaut haben, tauchen wir nun tiefer in Lit 🔥 ein und vergleichen seine Konzepte und Features mit Angular. Du wirst sehen, dass Lit deine Aufmerksamkeit verdient hat und durchaus eine solide und schlanke Alternative zu den populären JavaScript Frameworks sein kann.

https://www.puzzle.ch/de/blog/articles/2023/12/06/web-components-part-4-lit-for-angular-developers

#Frontend
#LitHTML
#Angular

"in a way you can think of a lit element is like a computed effect of a signals although our system kinda works like a push system instead of signals that often have a pull system" ~ @justinfagnani

#lit #litHTML #litElement #webDev #javaScript #web

It's cool that #Lit is integrating with #Signals.

It feels like we've been circling around this design pattern for decades; they've been called Observables, Pub/Sub, State, Context, etc.

STOKED to hear that there's discussion around standardizing and adding Signals to the #webPlatform!

https://www.youtube.com/live/ri9FEl_hRTc?si=-oztbFGgLG0f9aXJ&t=1636

#webDev #lit #litHTML #litElement #buildWithLit #javaScript #web #react #preact #js #reactjs

It's super cool that #Lit is supporting standard #javaScript #decorators, but I'm still not going to use them!

Maybe one day when they don't need to be transpiled anymore.

#webDev #buildWithLit #litHTML #litElement #js

I think that #shadowDOM solves #css's problems and #lit is right to scope styles to the element.

#webDev #web #html #litElement #lithtml

#lit is getting a "context" api https://www.npmjs.com/package/@lit/context

It seems to work like #React #Context, but it's an open standard that other #webComponent frameworks can apparently implement.

#javaScript #js #webDev #web #lithtml #litelement #webComponents

Starting to play around with Lit for a custom element project I’ve started, but I don’t think I can handle going back to class components after having experienced React hooks. The ability to extract complex behaviors into reusable hooks is just too useful. I would rather avoid class-based code where possible. #lithtml #customelements #WebComponents

@hasanhaja that's part of why I'm curious about #hauntedjs , which brings functional components to #lithtml . And to be clear, the tooling isn't awful, it's just not as good as you'd expect from the most popular framework (big surprise).

However, the devex of vanilla #webcomponents is as least as far behind lit as lit is behind React. If you know you want to be framework-agnostic, lit is a pretty obvious way to go.

Personally, I really like the freedom of not being constrained to a (2/x)

@thisismissem which part of "the framework around them" do you miss?

Like if it's just the declarative DOM manipulation there are many dom-diffing libs. #lithtml #haunted #morphdom #virtualdom.

#webcomponents

I've personally also seen an adapter for #lit / #lithtml and this whole idea of universal reactivity is so cool. Desperately needed, because... There is too much fragmentation out there, and it's nice to see it all coming together in a way that isn't dogmatic to any one particular framework or programming paradigm.

@hasanhaja that's part of why I'm curious about #hauntedjs , which brings functional components to #lithtml . And to be clear, the tooling isn't awful, it's just not as good as you'd expect from the most popular framework (big surprise).

However, the devex of vanilla #webcomponents is as least as far behind lit as lit is behind React. If you know you want to be framework-agnostic, lit is a pretty obvious way to go.

Personally, I really like the freedom of not being constrained to a (2/x)

@hasanhaja that's part of why I'm curious about #hauntedjs , which brings functional components to #lithtml . And to be clear, the tooling isn't awful, it's just not as good as you'd expect from the most popular framework (big surprise).

However, the devex of vanilla #webcomponents is as least as far behind lit as lit is behind React. If you know you want to be framework-agnostic, lit is a pretty obvious way to go.

Personally, I really like the freedom of not being constrained to a (2/x)

@hasanhaja that's part of why I'm curious about #hauntedjs , which brings functional components to #lithtml . And to be clear, the tooling isn't awful, it's just not as good as you'd expect from the most popular framework (big surprise).

However, the devex of vanilla #webcomponents is as least as far behind lit as lit is behind React. If you know you want to be framework-agnostic, lit is a pretty obvious way to go.

Personally, I really like the freedom of not being constrained to a (2/x)

@hasanhaja that's part of why I'm curious about #hauntedjs , which brings functional components to #lithtml . And to be clear, the tooling isn't awful, it's just not as good as you'd expect from the most popular framework (big surprise).

However, the devex of vanilla #webcomponents is as least as far behind lit as lit is behind React. If you know you want to be framework-agnostic, lit is a pretty obvious way to go.

Personally, I really like the freedom of not being constrained to a (2/x)