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
Stencil retweeted
ICYMI, we recently published a beginner tutorial on how to integrate @storybookjs into your @stenciljs projects.
Check it out and be on the lookout for more content like this!
ionicframework.com/blog/how-…
2
10
Stencil retweeted
The best time to get started with @stenciljs and web components is now - check out my recent introduction to the whole topic 🔥
youtube.com/watch?v=jm45n5bh…
2
10
With so many ways to achieve the same goal, it’s easy to feel overwhelmed when building web components.
If you’ve ever felt this way, check out @markacianfrani’s guide on web component best practices.
dev.to/markacianfrani/web-co…
2
17
Stencil retweeted
🎨🧰 Are you using a design system at your organization? When we built @stenciljs — our open source Web Component compiler — we did it to power Ionic’s cross-platform components. Since then, we’ve rebuilt a version of Stencil for Design Systems. ionic.io/resources/articles/…
4
17
Stencil retweeted
See how easy it is to set up #Storybook and test your @stenciljs application!
Watch @a__giuliano latest video to learn how and more 👇!
ed.gr/dyh5q
2
6
Stencil retweeted
Ever wanted to create your own web components?
Check out my new @stenciljs tutorial covering all the basics 🔥
youtu.be/jm45n5bh2Ak
1
5
17
We’re hosting an exciting new webinar tomorrow with the team from @openforgemobile. The team will be talking about how to build advanced monorepos with @vuejs, @angular, and Stencil!
📅 March 15, 2022
🕐 12:00 PM CT/6:00 PM GMT
Register here 👇
ionic.link/3szUGYE
2
1
15
Want to use @storybookjs in your Stencil project, but not sure where to start?
We’ve got you covered with this 5 minute tutorial on integrating Storybook into your Stencil projects!
ionicframework.com/blog/how-…
youtube.com/watch?v=KyephjW1…
2
15
🐛🪰 It’s bug squashing season for the Stencil team!
Stencil v2.14.1 is now available and includes lots of bug fixes from tree shaking to prop types to test file names.
Check it out!
blog.ionicframework.com/anno…
6
19
Stencil retweeted
🔥 Tip: Define a custom function for the setMode method in @stenciljs so you can easily "theme" you whole page.
Saw this code snippet in one of the @Ionicframework EAS talks by Volkswagen and loved the idea!
2
5
32
🚨 New Tutorial Alert 🚨
Want to add drag-and-drop functionality to your design system? Our very own @a__giuliano has created written and video tutorials on how to create drag-and-drop components with Stencil!
ionicframework.com/blog/buil…
youtube.com/watch?v=NVjYrGcT…
2
13
If you’ve ever struggled with the nuances of Stencil properties (Prop), we’ve got you covered. Our properties docs have received a major upgrade, with more detail than ever before.
Check it out 👇
stenciljs.com/docs/propertie…
1
14
Stencil retweeted
I tried @stenciljs once again, and can see why it's amazing to develop Web Components and design systems
Here's why 🧵
2
4
29
Time to run `npm i @stencil/core`:
Stencil v2.14 is here and it includes support for TypeScript v4.5!
github.com/ionic-team/stenci…
1
1
14
Want to get started with micro frontends, but not sure how everything comes together?
Check out this article where Michel Tobon breaks down micro frontends and how Stencil can lend a hand. 👇
ionic.io/resources/articles/…
4
21
Stencil retweeted
📢 Announcing Stylo - A new interactive rich text editor for the web
💪 Customizable
😎 Framework agnostic
🪶 Lightweight (30kb gzipped, 0 runtime deps)
🚀 Future Proof
⭐️ Open Source (MIT)
stylojs.com/
10
23
159
🎨 Stencil Tip 🎨
You can use multiple stylesheets to make your component styles platform dependent.
2
2
26
We know that styling shadow DOM components can be tricky sometimes, so we updated our styling docs to make it a bit easier!
stenciljs.com/docs/styling
4
12
🌞 Stencil Tip 🌚
Need light and dark themes for your design system? Change the values of your CSS custom properties when your user prefers a dark color scheme.
6
41
ICYMI, yesterday we released Stencil v2.13 which includes support for Jest 27!
To help make the Jest upgrade process as seamless as possible, our very own @ryanwaskiewicz wrote an upgrade guide. Check it out here 👇
ionicframework.com/blog/sten…
1
1
6