A modern toolchain for building blazing fast apps, websites, and scalable Design Systems. By the @ionicframework team.

shadowRoot
I just published a new tutorial about how to handle #environment variables in projects developed with @stenciljs or the @Ionicframework #PWA Toolkit 🚀 Any ideas of improvements are welcome as I showcase the solution I have implemented in @deckdeckgo 😉 medium.com/@david.dalbusco/e…
3
6
35
New video tutorial on the basics of navigation when using @Ionicframework and @stenciljs to build an app: youtube.com/watch?v=AtSwrv5H…
6
21
The first screenshot of a server-side rendered (ssr) ionic app, which uses shadow dom 👻. Output is only html/css, and inlined styles are scoped to the re-created shadow dom nodes. Clientside JS will then hydrate existing nodes that were already created by the prerendered dom.
10
36
184
Stencil retweeted
Upcoming Stencil One will introduce massive improvements in bundle size and runtime performance. 🗜 Our "hello-world" app is 133bytes! 🗜
9
35
128
This week's video on using @stripe #api with @Firebase cloud functions is out just minutes before midnight. Now you can have a @stenciljs component that makes you mad #money! 🤑 youtu.be/DrORaL-byQU
3
7
Stencil retweeted
I am becoming even more bullish on using web components for design systems. It makes A LOT of sense. Reusable containers of JS/CSS/Markup that are portable. And they work with any website or application no matter the JS libraries or frameworks involved.
5
14
60
/* built w/ stenciljs */
2
29
The individual components' code is NOT in the main bundle, though! It's dynamically imported _only if_ the implementer actually uses that HTML custom element on the page! 👏🏼👏🏼👏🏼 (Source: github.com/ionic-team/stenci…)
1
1
2
Stencil retweeted
Web components ⚙️ + Design Systems 🎨 = The perfect pair 👯‍♀️ Don’t miss our new blog post that explains the 5 reasons why this is true 👍🏼 bit.ly/2Inhk1v
3
64
199
This week's video is on Stripe Elements with @stenciljs. We create a web component that we can use in any project to get a @stripe token so we can take payments. #Subscribe so you don't miss out on the backend video this week using @Firebase youtu.be/lIK9NetiqyQ via @YouTube
1
5
9
New video! Using @Ionicframework with @stenciljs: youtube.com/watch?v=rXdSxL12… - Basic Concepts & Getting Started
9
20
Looking forward to taking advantage of Constructable Stylesheets 😎
We are shipping Constructable Stylesheets in Chrome 73. This would make style usages in shadow trees much faster. developers.google.com/web/up… The further background why we need is here: crbug.com/712080
3
26
🔥 xlayers.app new release: - New fancy landing page - Internal APIs refactoring - Add @stenciljs code gen support (@romulocintra) - Replaced the Monaco Editor with ngx-highlightjs module (@sumitparak) - Better error handling (@Jefiozie) #designers #developers 💕
10
38
This week's video on state management recommended by @Riotgear66 is out. We setup tunnels in @stenciljs, talk about using #redux, and @Popcorn245 gives an opinion! 🙄😑😝 #Triggered with #javascript youtu.be/enKkXI5heGs
2
6
10
Stencil retweeted
To PWA or not to PWA?? 🤔 That is the question. 📲 Check out our ✨new post✨ on how to choose the right mobile app development approach for your next project 👍🏽 bit.ly/2Do11eX
2
58
144
You get web components, and you get web components, and you get web components, and you get web components... Congrats Lit/@polymer team!
Dropping the hottest bass... class on NPM 🔥 ✨LitElement 2.0 ✨ 🏎 It's fast 🍃 Lightweight 🤯 You can use it now 👇Start here👇 lit-element.polymer-project.…
1
8
53
Stencil retweeted
We just added support for #stencil elements in our fixture test helper on #openwc. It lets you test the #webcomponents output of stencil with ease 💪 open-wc.org/testing/testing-…
1
4
9
Got a chance to look at @stenciljs today. I am sure that very soon it will be a must skill every ui developer should have. Enjoyed its simplicity. Well done @Ionicframework #UI #uidesign
1
1
13