Micro Frontends with Angular Elements and Web Components — A Perfect Combination?

on YouTube ↗54m

" summary

Explains how to implement Micro Frontends by packaging Angular apps as framework-independent Web Components using Angular Elements. Describes using the new Ivy compiler to produce practical bundle sizes for those Web Components and compares several integration strategies, with pros and cons so you can evaluate options for your project.

AI-written summary · about

" chapters (6)

1. 0:00Introduction
2. 8:52Web Components basics
3. 23:50Micro frontends overview
4. 30:15Bundle size optimization
5. 47:32Architecture guide
6. 53:09Summary and Q&A

" related talks

• 42mMicroFrontends for MicroServicesThomas Bröll · JCON 2020
• 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
• 34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?Manfred Steyer · iJS 2018 Spring
• 56mModernizing Large Frontends with Web ComponentsSam Julien · NDC London 2020
• 31mMicro frontends and the multiverse of FrameworksAdrian Iskandar Espinosa Caballero · ng-conf 2022
• 46mMicro Frontend: the microservice puzzle extended to frontendaudrey neveu · Voxxed Days Microservices 2019
• 36mAngular, React, Vue and co: Harmoniously united by web components and micro apps?Manfred Steyer · Voxxed Days Frontend Bucharest 2019