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.

#webcomponents #stenciljs #webdev

Implementing Custom Web Components in Angular with Stencil.js

#Angular #FrontendDevelopment #WebComponents #StencilJs

https://g.omid.dev/oVJBMWJ

• got started with #StencilJS!
  • realizing just how different that world is from what I’m used to
  • the only good nx integration has a ton of weird dependencies & expectations that are big-time yuck, will have to find another way

https://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 :blobfoxheadphones:

Join if you like! I have no idea what I’m doing.

https://discord.gg/XAYhSvZf

New Blog Post: https://nerdpress.org/2023/12/08/obfuscate-web-component/ #webcomponents #stenciljs

Who's using Lit or StencilJS

or Web Components in general??

#tech #coding #programming #lit #stenciljs #webcomponents #frontend

@jasono @Ryanbigg If we were trying it today I think we’d look at https://lit.dev first. Much as I still like #StencilJS for the reasons @jasono mentioned, #Lit does seem to be winning the crown.

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 :underheart:

:sadness: Browsers don't have the same baseline styles.
:fatyoshi: 2 hours figuring out how to avoid #frameworks and #bundlers.
:AngeryCat: 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.
:tinking: Ending up writing my own nano-framework with adoptedStyleSheets #polyfill.

#TIL #JavaScript #buildless #AreWeThereYet

I'm helping make a design system component library for Healthpartners (http://www.healthpartners.com). it's written using Stencil and hosted in Storybook. Does this seem like a topic people would like to learn more about? I sometimes wonder if I should give a talk somewhere... #stenciljs #storybook #designsystems