MicroFrontends for MicroServices

on YouTube ↗42m

" summary

Explains applying Microservice advantages to frontends by using MicroFrontends implemented with Web Components and Angular Elements. Shows building a Web Component using browser standard APIs, demonstrates integration of plain Web Components with Angular Elements in a demo, and reports lessons from over a year of practical MicroFrontend implementation.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:07What are micro frontends
3. 5:08Technology overview
4. 9:24Runtime integration
5. 12:16Web components
6. 15:53Styling and shadow DOM
7. 19:50Component communication
8. 22:23Libraries and tools
9. 24:37Angular Elements demo
10. 31:44Use cases
11. 36:26Q&A

" related talks

• 01h 13mMicrofrontends with Modules and Web ComponentsYuriy Karadzhov · HolyJS 2021 Piter
• 54mMicro Frontends with Angular Elements and Web Components — A Perfect Combination?Manuel Stoer · W-JAX 2019
• 44mMicro Frontend: The Microservices Headache Extended to the FrontEndaudrey neveu · Sunny Tech 2019
• 44mFrontend Architecture for MicroservicesThomas Kruse · JAX 2019
• 46mMicro Frontend: the microservice puzzle extended to frontendaudrey neveu · Voxxed Days Microservices 2019
• 36mMicro frontends - A Microservices Approach to the Front EndCelso Henrique · QCon São Paulo 2019
• 50mMicrofrontends: the Next Step after MicroservicesJuande Carrion · DevConf.CZ 2019
• 43mCan Microfrontends Make a Good Match with Angular or React?M Milewicz · 4Developers 2021