@stenciljs is the most compelling web component approach that I have seen. It’s what enables Ionic to be cross framework, and is well worth a look. It utilizes JSX and feels much more modern and approachable compared to other web component solutions I’ve seen.
Web Workers - Stencil stenciljs.com/docs/web-worke…@stenciljs@adamdbradley@manucorporat
Damn, these guys are geniuses (genii?)
If stencil doesn't come to share the same pedestal as angular and react in a few years, I'm going to break a neck (whose I won't mention) 😉
ShadowRoot.delegateFocus is already available in Chrome, Safari Tech Preview and today in latest @stenciljs 🌙 1.9.0-6 prerelease!
w3c.github.io/webcomponents/…
Great to see @stenciljs topping this chart: 2019.stateofjs.com/front-end… Pretty proud of what we've accomplished so far, and looking forward to showing off what's next 🤠
#webcomponents are seriously so slick!
I released a big enhancement in one of ours this morning and I already deployed it seamlessly in two @stenciljs#pwa and in my @gatsbyjs website. That reusability is just amazing 🤩
I’ve been diving into @stenciljs lately and I’m having a hard time finding a reason to NOT use it for all my new projects. 🤔 If only there was an Nx library for Stencil...
Something we should mention more about @stenciljs, is that the compiler is also providing a lot of useful feedback throughout development. Recommendations, tips for faster code, things to watch out for, etc. And we'll only continue to add more DX feedback to help development.
So if I get this correctly, @Ionicframework and @stenciljs can help us build UI components to share design systems across a company regardless of what framework each team uses 😍 @adamdbradley@dotJS#dotjs
IMO one of the most interesting tools created by the @Ionicframework team is @stenciljs. I've already done a review of it in my web components series but wanted to do a deeper dive. Here's part 1 of my intro to Stencil where we look at the why youtu.be/aNffe5Iedkw
After seeing the GL boxes demo I couldn’t help myself but wonder how @stenciljs performed. Turns out it handles it quite well. More info and thoughts in the readme: github.com/adamdbradley/sten…
Another reason of why @stenciljs uses @RollupJS
- Performs actual tree-shaking vs uglify code elimination
- Simpler, no made-up APIs, just standards
- Emits ESM code without ANY runtime (delegating in what all browsers can do)
- No deps
- Emitted code is human-friendly
- Faster
As I tweeted several days ago, here I am with three different blog posts!
To explain where this come from I created a THREAD, so please bear with me!
You will learn about @stenciljs, @github actions, @firebase functions/hosting, #Puppeteer and @workboxjs
RTs appreciated 🙏
I wrote several blog posts in a raw:
* Creating Cron based images with @Firebase functions and #puppeteer
* Creating PWAs with @stenciljs and @workboxjs
* Build and Deploy @stenciljs apps with @github actions and @Firebase hosting.
Will release in few days 😱
Stay Tuned!