Web Components & Micro Apps: Angular, React & Vue peacefully united?

on YouTube ↗34m

" summary

Asserts that combining web components and micro apps yields long‑lived, replaceable front ends by showing an actual shell that lazy‑loads framework bundles, nests an Angular app and a React/Vue widget, and registers components via customElements.define with Shadow DOM isolation and ES module imports plus polyfills down to IE11. Recommends Angular Elements and the Vue CLI switch for packaging, compares hyperlinks, iframes and bootstrapped shells, and demonstrates a working demo that supports independent deployment and decade‑scale evolution.

AI-written summary · about

" chapters (16)

1. 0:00Start
2. 3:44Web Components
3. 4:52Templates
4. 5:13Html Imports
5. 5:36Custom Element Standard
6. 6:07Shadow Dome
7. 11:08React
8. 11:53Micro Apps
9. 15:27Advantages
10. 16:40Disadvantages
11. 18:53Hyperlinks
12. 25:28Micro Architecture
13. 27:27Macro Architecture
14. 28:46Decision Tree
15. 29:54Integrate Legacy Applications
16. 32:38Conclusion

" related talks

• 34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?Manfred Steyer · iJS 2018 Spring
• 40mAngular, React, Vue and Co. – peacefully united thanks to Web Components and Micro AppsManfred Steyer · Voxxed Days Ticino 2019
• 36mAngular, React, Vue and co: Harmoniously united by web components and micro apps?Manfred Steyer · Voxxed Days Frontend Bucharest 2019
• 26mAngular, React, Vue and Co. – Peacefully United Thanks to Web Components and Micro AppsManfred Steyer · JS Kongress 2019
• 58mWeb components and micro apps, the web technologies peacekeeperYaser Adel Mehraban · NDC Oslo 2019
• 54mMicro Frontends with Angular Elements and Web Components — A Perfect Combination?Manuel Stoer · W-JAX 2019
• 31mMicro frontends and the multiverse of FrameworksAdrian Iskandar Espinosa Caballero · ng-conf 2022
• 36mBuilding framework agnostic UI with Web ComponentsPiotr Nalepa · 4Developers Katowice 2019