Angular and Webcomponents

on YouTube ↗28m

" summary

Shows a concrete workflow: build a button web component with Angular Elements, set encapsulation to Shadow DOM, change tsconfig target to ES2015, add polyfills and CUSTOM_ELEMENTS_SCHEMA, then register via createCustomElement. Explains tooling to produce a single small bundle using ngx-build-plus and mentions Ivy shrinking bundles. Mentions lit-html and lit-element as lighter alternatives, cites Ionic and banks as production adopters, and demonstrates the component working across frameworks and browsers including IE11.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 7:13polyfills.ts
3. 8:52app.module.ts
4. 13:03terminal

" related talks

• 33mBuild Web Components with Angular ElementsArjay Elbore · NG-MY 2019
• 19mWeb Components with Angular Elements: Beyond the BasicsManfred Steyer · ng-conf 2019
• 35mAngular + Web Components by Armen Vardanyan (Arm) | JSConfAM19Armen Vardanyan · JS Conf Armenia 2019
• 28mAngular Elements: From Angular to Web ComponentsMichele Stieven · Angular Day 2018
• 25mWeb components with Angular: The what, the why and the how.Ana Cidre · ngAtlanta 2019
• 48mBuilding reusable Web components with AngularSherry List · Jfokus 2019
• 01h 18mA Deep Look At Angular ElementsManfred Steyer · ng-conf 2019
• 25mI'm with Web Components and Web Components Are with MeGil Fink · AngularUP 2019