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,228
- Likes 2,775
🃏 Jest 27 support is here! Today we’re releasing Stencil v2.13 which includes support for Jest 27. All the details on Jest — and more! — are in the v2.13 announcement blog. Check it out 👇
ionicframework.com/blog/anno…
5
16
Ever wonder what a large scale design system built in Stencil looks like? Check out GroupUI, a design system for applications within the Volkswagen Group.
ionic.link/GroupUI
And listen in, as the creators discuss how they built their design system.
youtube.com/watch?v=cNbSlmCr…
6
25
Stencil retweeted
We've built web component-based design systems with both @stenciljs & @buildWithLit, and like them both a lot!
We have a project where we'll be feeding our web components into both React and Angular, and are deciding which tool to use. Curious to hear thoughts and opinions!
11
10
117
✨ Stencil Tip ✨
You can make your design tokens available to all of your Stencil components by declaring them as CSS custom properties in a global stylesheet.
For more on styling in Stencil, checkout our styling docs 👇
stenciljs.com/docs/styling
6
37
Looking for a new job in the new year?
The @stenciljs team is hiring a Frontend Compiler Engineer. Come help us build the world’s greatest web components compiler!
Apply here:
jobs.lever.co/Ionic/0c5f86bf…
10
18
Stencil retweeted
As we wrap up the year, it’s time to reflect on what we've achieved.
Take a trip down memory lane with @maxlynch as he highlights all Ionic’s major accomplishments of 2021.
We couldn’t have done it without our amazing community, so thank you!
ionic.link/3yL6KYJ
8
30
❓Got questions? We’ve got answers!
We’ve added a new “FAQ” tag in the Ionic forum to help answer your most frequently asked questions. And we’re kicking it off with @stenciljs questions!
Check it out! 👇
ionicframework.com/blog/anno…
2
Stencil retweeted
Can we please stop labeling JSX syntax as "React"?
JSX is not exclusive to @reactjs.
For example, @solid_js, @preactjs, @stenciljs, and other libs compile JSX to their own output.
👇Please vote!
github.com/microsoft/vscode/…
14
29
244
⛄ ‘Tis the season for another Stencil minor release! Stencil v2.12 is closing out the year with some exciting new features.
💻 Stencil CLI updates
🧪 Testing implementation fixes
👍 Improved error callstacks
➕ And much more
ionicframework.com/blog/anno…
1
11
Stencil retweeted
We’re excited to announce the official release of Ionic 6! This release adds:
🖥 Improved desktop support
📦 Overhauled components
🎨 iOS and Android design changes
➕ and so much more!
(Special Ionic 6 graphics brought to you by @LiamDeBeasi)
See thread to learn more 🧵👇🏻
ALT Ionic 6 has been released! ionic.link/ionic6
19
157
511
We love to see the amazing things developers build with Stencil.
💻 Check out Fathom, a @Zoom note taking tool with a frontend built entirely on Stencil! 👇
fathom.video/
1
1
10
Don't just take our word for it, yesterday Fathom was the #1 Product of the Day on @ProductHunt
producthunt.com/posts/fathom…
2
We’re gearing up for the @Ionicframework Enterprise App Summit tomorrow!
Join us for a day of exciting talks and hear how companies like @amazon and @VW are using Stencil to build large-scale applications.
ionic.io/events/enterprise-a…
9
👷 While our docs site is under construction, we're rolling out new and improved Stencil guides!
Learn how to convert your Stencil component library to React or Angular with our new integrations docs!
stenciljs.com/docs/react
stenciljs.com/docs/angular
2
12
29
🎉 NEW RELEASE TIME 🎉
👋 Say hello to Stencil v2.11.0! This new version allows you to use colons in CSS selectors of scoped components (👀 Tailwind users). Plus, you can now use “dist-custom-elements” in an SSR environment!
Check it out 👇
github.com/ionic-team/stenci…
2
11
42
Stencil retweeted
Tired of searching how to integrate #Storybook into your @stenciljs project? 😫
Why not check out Laurent Bel's article to get started 👇?
ed.gr/dqy1f
1
5
24
🙌 Stencil Tip 🙌
If you don’t want to open a new browser tab each time you restart the dev server, set "openBrowser” to “false” in your “stencil.config.ts” file.
Let us know what other configurations you use for your @stenciljs projects!
1
3
16
💡 Stencil Tip 💡
You can style elements of your Shadow DOM components from the light DOM by adding a “part” attribute in your template, then targeting it with the CSS ::part() pseudo-element.
What strategies do you use to style your components?
3
6
33
Level up your CSS skills with this Stencil credit card component tutorial from @a__giuliano. 💳
We cover global styles, CSS variables, animations, gradients, and so much more! This is one you won’t want to miss.
ionicframework.com/blog/adva…
10
39
Stencil retweeted
When developing @Ionicframework apps, which web framework do you prefer? #ionic
42%
Angular
16%
React
12%
Vue
30%
Show me the results!
1,925 votes • Final results
14
19
37