Stencil: a built-time approach to the web
summary
A build-time compiler claims to generate framework-agnostic, hand‑optimized Web Components used by Ionic, producing 133 bytes hello‑world output, creating up to eight different versions per component for modern/legacy browsers, and applying static analysis to bundle lazily. The tool adds service-worker generation, prerendering, Puppeteer tests and Docs JSON, and a runtime rewrite that benchmarks as 2x faster and half the memory on a huge component stress test. The components are produced with minimal dependencies.
AI-written summary · about
chapters (9)
- 0:00Start
- 10:42Differential Builds
- 12:34Docs generation
- 12:55Bonus: CSS variables
- 13:05Visual Diff testing
- 14:46Graph analysis
- 20:05Module preloading
- 20:33Faster & smaller runtime
- 23:59Dependency free
related talks
10mStencil: the Time for Vanilla Web Components Arrived
27mUsing Web Components in Ionic
20mMake Web Components Great Again with StencilJS
01h 05mStencil for Cross-Framework Components
44mStencil: From Frameworks to Compilers
16mScaling Components Across Multiple Frameworks
16mArchitecting A Component Compiler
23mNext Generation Ionic: Built for PWAs and interoperability