Angular, React, Vue and Co. – Peacefully United Thanks to Web Components and Micro Apps

on YouTube ↗26m

" summary

Uses Web Components and a micro‑app shell to let Angular, React, and Vue apps run together: the shell provides routing, authentication, and cross‑app messaging via custom element properties and events. Demonstrates a runnable demo that loads mixed‑framework micro‑apps and compares tradeoffs between iframe isolation for strong sandboxing and lightweight custom element integration for shared UI.

AI-written summary · about

" chapters (9)

1. 0:00Modern web dev challenges
2. 3:50Web Components standards
3. 7:10Custom elements core
4. 10:54Web Components with React
5. 13:35Micro apps as solutions
6. 16:23Hyperlinks in micro apps
7. 19:34Unified communication
8. 21:52Micro apps approaches
9. 24:44Conclusion

" related talks

• 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
• 34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?Manfred Steyer · iJS 2018 Spring
• 34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?Manfred Steyer · iJS 2018
• 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
• 39mSustainable Client Architectures with Micro AppsManfred Steyer · FrontEnd Con 2018
• 36mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Brussels 2023