Diversity in the World of Web Components

on YouTube ↗43m

" summary

Demonstrates integrating three Web Components (a vanilla custom element, a Polymer google-map element, and a production frf-login auth component) into AngularJS, Angular 2+, React and Vue using polyfills and small adapters. Explains replacing HTML Imports with JS modules, handling boolean attributes and slots with per-framework workarounds (React needs a wrapper to forward slots; Angular requires schema/directive glue), and reports ~30 integration tests showing where additional glue is still needed.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 17:25Authentication
3. 17:42Login
4. 21:25Syntax

" related talks

• 01h 01mDiversity in the World of Web ComponentsHoracio Gonzalez, Cyril Balit · DevFest Nantes 2016
• 30mPolymer + Webpack: Bringing Web Components to a Framework Near YouChad Killingsworth · Polymer Summit 2017
• 37mThe world of Web ComponentsNishu Goel · AzConf 2020
• 34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?Manfred Steyer · iJS 2018
• 40mAngular, React, Vue and Co. – peacefully united thanks to Web Components and Micro AppsManfred Steyer · Voxxed Days Ticino 2019
• 34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?Manfred Steyer · iJS 2018 Spring
• 25mWeb components with Angular: The what, the why and the how.Ana Cidre · ngAtlanta 2019
• 41mComponents Approach to Building Web AppsVinci Rufus · Meta Refresh 2015