Using Web Components in Ionic
summary
Project documents porting Ionic UI components to standard Web Components and the creation of a compiler called Stencil that emits pure custom elements with no runtime. Benchmarks show dramatic wins: first-view payloads drop to 39 KB vs 422 KB and 3G Time‑to‑Interactive falls to about 2.78 seconds while production builds shrink from ~50s to ~3.9s. Features include TypeScript+JSX source, lazy loading, server-side rendering and an Ionic Core library meant to work in any framework.
AI-written summary · about
chapters (9)
- 0:00Intro
- 0:35What is Ionic
- 2:20History of Ionic
- 5:04Progressive Web Apps
- 9:53Stencil
- 10:57Frameworks
- 11:54React
- 16:07Components
- 18:39Sharing
related talks
10mStencil: the Time for Vanilla Web Components Arrived
23mNext Generation Ionic: Built for PWAs and interoperability
20mMake Web Components Great Again with StencilJS
29mStencil: a built-time approach to the web
52mWeb Components Can Do That?
33mWeb Components with StencilJS
16mScaling Components Across Multiple Frameworks
24mThe Good, The Bad, and The Web Components