Stencil for Cross-Framework Components

on YouTube ↗01h 05m

" summary

StenciI is a compiler that generates standards-based web components and framework bindings, demonstrated by building a component, running a dev server with a 1.26s build and inspecting props, @Prop/@State/@Watch/@Event/@Method/@Listen behavior in the browser. The demo compiles shadow DOM styles, generates Angular proxy files via an output targets plugin, links packages with npm link, and verifies events, methods and re-renders; projects at Ionic, Porsche, Amazon and Apple are cited as users.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 1:31HELLO WORLD: JQUERY
3. 2:23HELLO WORLD: BACKBONE
4. 4:17ANGULAR
5. 5:14REACT

" related talks

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