If you're into making web components, I'd recommend trying Stencil.js. If you're already used to JSX, it's easy to write, and it handles types and docs automagically. It also scaffolds unit tests if you're so inclined.
If you're into making web components, I'd recommend trying Stencil.js. If you're already used to JSX, it's easy to write, and it handles types and docs automagically. It also scaffolds unit tests if you're so inclined.
Implementing Custom Web Components in Angular with Stencil.js
In modern web development, the ability to create reusable components that work across different frameworks and libraries is crucial. This is where Web Components come into play. Web Components allow developers to create custom, reusable HTML elements with encapsulated functionality and styling. However, building Web Components from scratch can be complex and time-consuming. Enter Stencil.js, a powerful tool that simplifies the creation of Web Components. In this guide, we’ll explore how to create custom Web Components using Stencil.
nx integration has a ton of weird dependencies & expectations that are big-time yuck, will have to find another wayhttps://github.com/ch-ui-dev/ch-ui/pull/11
Also: v. important cuddles 🧡
#orangeCat #catsOfMastodon
I’m streaming! I think.
Today I’m gonna set up some voting-focused #UI stories, give #StencilJs a shot, also set up a set of design tokens that can be used on their own but also satisfy a #Tailwind config.
There will also be music 
Join if you like! I have no idea what I’m doing.
Typically, when integrating emails into websites, I obfuscate the email address to prevent spam bots from collecting them. For React, there were already components that handled this task; however, without React, I couldn't find a suitable solution. Therefore, I created a web component: obfuscate-wc that now provides an HTML element capable of obfuscating your email
Who's using Lit or StencilJS
or Web Components in general??
#tech #coding #programming #lit #stenciljs #webcomponents #frontend
J'ai joué avec les #microfrontends. Je suis partis sur l'option #CustomElements / #WebComponents, plutôt que #WebPack et #ModuleFederation. C'est bien parti, mon objectif est de fédérer dans mon blog tous mes projets persos... là j'ai un blog en #SvelteKit, qui intègre un QR Code #StencilJS, et une app #AngularElements. 🤹♀️
L'article est en mode brouillon, je vais l'étoffer mais la démo est live : https://lacourt.dev/2023/01/21
#WebComponents experience
Browsers don't have the same baseline styles.
2 hours figuring out how to avoid #frameworks and #bundlers.
3 hours of searching framework anyway, only to stumble upon options that either, like #LitElement, have minified bundle without #TS declaration or, like #StencilJS, require building.
Ending up writing my own nano-framework with adoptedStyleSheets #polyfill.