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

on YouTube ↗34m

" summary

Argues that combining web components with micro‑apps yields long‑term maintainability: wrap Angular via Angular Elements, export Vue with a CLI flag, or handwrap React components; polyfills target IE11 so most browsers work; demo shows a shell that lazy‑loads micro apps (blue Angular client, green client), reuses widgets across frameworks, and supports separate deployment and nesting; decision tree recommends hyperlinks, iframes for strong isolation, or a web‑component shell that bootstraps multiple frameworks depending on shared state and navigation.

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
• 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
• 31mMicro frontends and the multiverse of FrameworksAdrian Iskandar Espinosa Caballero · ng-conf 2022
• 54mMicro Frontends with Angular Elements and Web Components — A Perfect Combination?Manuel Stoer · W-JAX 2019
• 36mBuilding framework agnostic UI with Web ComponentsPiotr Nalepa · 4Developers Katowice 2019