Next Generation Ionic: Built for PWAs and interoperability
summary
Ionic moves its mobile UI into standardized Web Components, claims dramatic reductions in code size and load time and ships a tiny runtime (demonstrated as a 5.2 KB registry for components). A new compiler called Stencil generates optimized ES modules, uses component-level lazy loading and dynamic polyfill loading, and embraces CSS variables. Components load on demand, run in Angular or vanilla JS with no framework lock‑in, and the demo metrics show it works on low‑end devices.
AI-written summary · about
chapters (11)
- 0:00Start
- 0:30STATE OF IONIC
- 1:42HOW IONIC IS CHANGING
- 2:40WEB COMPONENTS EEE INTEROP LAYER
- 10:10CSS VARIABLES
- 11:50HOW STENCIL WORKS
- 12:48DYNAMICALLY IMPORT BY DEFAULT
- 13:54COMPONENT-LEVEL STATIC ANALYSIS
- 14:51ES MODULES
- 19:00STABILITY
- 21:29RECAP
related talks
27mUsing Web Components in Ionic
29mStencil: a built-time approach to the web
10mStencil: the Time for Vanilla Web Components Arrived
52mWeb Components Can Do That?
48mWeb Components as micro apps
20mMake Web Components Great Again with StencilJS
36mAngular+Ionic으로 멀티플랫폼 PWA 개발하기
16mScaling Components Across Multiple Frameworks