A modern toolchain for building blazing fast apps, websites, and scalable Design Systems. By the @ionicframework team.
shadowRoot
- Tweets 1,023
- Following 7
- Followers 14,229
- Likes 2,775
Stencil 2.0 is here! Even though this is a new major version, there are few breaking changes.
- TypeScript 4
- Defaults to faster "async" queue
- Opt-in for IE11, es5/systemjs builds
- Removal of Deprecated APIs
github.com/ionic-team/stenci…
4
68
188
Stencil retweeted
@stenciljs Web workers are awesome. My application ms-todo.vercel.app (In progress) uses IndexedDB heavily, and it's a fact that IDB is render blocking and quite slow on chrome. Moving those transactions to Stencil Workers sped things up a lot, and it took only 5 minutes.
1
1
5
Stencil retweeted
Next up, #TSConf welcomes workshop presenter @mhartington from @Ionicframework! @typescript #typescript
1
13
45
Stencil retweeted
1/2 @stenciljs functional components are insanely cool, especially when you get into the internals. You can build opinionated layers to your design system to enforce systemic consistency.
5
6
36
🆃🆂 4.0 is here! We've updated the Stencil 2.0 prerelease in prep for the v2 release this week. Please give it a test and let us know how it goes, thx
github.com/ionic-team/stenci…
🥳🎉 TypeScript 4.0 is here! 🎉🥳
Read up on what's new and get it today!
devblogs.microsoft.com/types…
ALT TypeScript 4.0 brings variadic tuples, labeled tuple elements, class property inference, new assignment operators, safer exception handling with 'unknown' in catch clauses, custom JSX factories, some great editor improvements, and more!
9
55
Stencil retweeted
Just released a new version of @nxext/stencil. There's now a schematic to spin up a full @stenciljs based @capacitorjs app.
Thanks to @paranoidcoder for the great Capacitor Nx plugin.
3
6
15
Another great @stenciljs contributors chat! Discussed the prerelease for Stencil v2 😱 and TypeScript v4. Thanks to the awesome community and if you'd like to get involved please ping us in Stencil's slack.
Notes: github.com/ionic-team/stenci…
v2 Changelog: github.com/ionic-team/stenci…
12
44
Stencil retweeted
My first foray into Web Components is now live in the form of this Carousel element now available in our Tecton SDK. Play around with it, whydontcha? Had a lot of fun using @stenciljs for this feature. #Beta #WebComponents #SoftwareDev cdn1.onlineaccess1.com/cdn/b…
1
12
Stencil retweeted
Check out this high performance @Ionicframework/@stenciljs accordion list I'm working on for a new tutorial. Uses the Ionic Animations API and only animates transform (no height animations). Supports a dynamic content length and achieves smooth 60fps even with CPU throttling 😎
3
9
96
Stencil retweeted
Great to see more big players picking up on #WebComponents! See this design-system by german telecommunication provider @deutschetelekom github.com/telekom/scale/tre… Made with @stenciljs which we've been using successfully for the last 2 years.
6
7
Stencil retweeted
Number of refactors Ionic has had to make since moving to web components: 0
Number of frameworks Ionic added support for since moving to web components: 3
(Further, @stenciljs is the tooling to build the various output targets, it's not another framework)
3
12
88
Stencil retweeted
💡Hi there, I've just launched my first side project 👉 a @stenciljs boilerplate for web components with @storybookjs and addon controls ✨ feel free to send me any feedback 👇
github.com/miriamgonp/stenci…
1
25
57
Stencil retweeted
I'm very excited to announce my new open source project, Kickstand UI! It is an accessible design system using web components built with @stenciljs, so you can use it everywhere!
#webdev #a11y #Webdesign #designsystem
kickstand-ui.com/
2
9
40
Stencil retweeted
Just shared two @Ionicframework tips for modal and popover 😉 #DEVCommunity
dev.to/daviddalbusco/ionic-f…
4
19
48
Stencil retweeted
It takes some time to get your mind around @stenciljs but once you've got it sorted there's no going back. Compiling fully web standard compliant web components feels amazing. Full apps or tiny applets running anywhere you can import a client script.
1
2
13
Stencil retweeted
A great follow up regarding that @css article I linked yesterday. Specially the part about lock-in.
As a consumer of a @stenciljs generated library such as @shoelace_style, you are under ZERO obligation to use Stencil in any way!
You’re just using a library of web components.
6
12
Stencil retweeted
So… @angular + @stenciljs + @storybookjs + @Cypress_io and @typescript all this with a few commands in @NxDevTools 😍❤️
2
2
26
Stencil retweeted
Shoelace is up to #7 on Product Hunt! Let’s get it into the top three! 🙏
Please VOTE and RETWEET if you like free, open source web components!
Please upvote me if you like free web components! 🙏
producthunt.com/posts/shoela…
7
5
Updated docs on using @stenciljs's new custom elements output target! Huge thanks to @claviska and the awesome @shoelace_style UI library.
stenciljs.com/docs/custom-el…
2
11
45
The @shoelace_style UI library is one awesome set of components:
🧩 Works with all frameworks
🚛 Works with CDNs
🎨 Fully customizable with CSS
😸 Open source
/* built with @stenciljs */
Today’s the day! Over six months of work and @shoelace_style 2.0 is finally here. 😅
A library of common UI web components that works with all frameworks. 🥾
Check it out! shoelace.style/
This is an open source project I’ve been working feverishly on. PLEASE RT! 💙
15
45