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
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
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
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)
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.
#LitHtml is pretty handy :thinkhappy:
https://lit.dev/docs/v1/lit-html/introduction/
