Stencil: the Time for Vanilla Web Components Arrived

on YouTube ↗10m

" summary

A small compiler demo asserts that Stencil compiles to standard-complaint Web Components and that it adds a compact runtime with virtual DOM and reactivity, lazy loading and polyfills so teams can ship framework-agnostic components. Code examples show decorators, JSX and TypeScript and a working collapsible panel available on GitHub. Ionic core is already migrating to Stencil. The session runs about ten minutes and focuses on build time generation rather than runtime framework wiring.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 0:36Web Page Design
3. 2:23What Is Stencil
4. 2:44Custom Elements
5. 5:37Stencil
6. 6:08Who Is Creating that Compiler
7. 8:42How Stencil Solve the Problem of Custom Elements

" related talks

• 20mMake Web Components Great Again with StencilJSJulien Renaux · ngVikings 2018
• 29mStencil: a built-time approach to the webManuel Martinez-Almeida · JSConf EU 2019
• 27mUsing Web Components in IonicAdam Bradley, Max Lynch · Polymer Summit 2017
• 33mWeb Components with StencilJSMartin Reinhardt, Martin Brecht-Precht · code.talks 2022
• 44mStencil: From Frameworks to CompilersManuel Martinez-Almeida · JSDayES 2018
• 26mBuilding StencilJS with TypeScriptJosh Thomas · TSConf 2018
• 16mScaling Components Across Multiple FrameworksAdam Bradley · React Summit Remote Edition 2021
• 01h 05mStencil for Cross-Framework ComponentsMike Hartington · TSConf 2020