Micro Frontends with Angular Elements: Autonomy in the Tasklist

on YouTube ↗24m

" summary

The talk explains building a unified task list that aggregates tasks from multiple process applications while keeping teams and releases independent. It describes using Angular Elements to create and dynamically load Custom Elements (web components) so each team can provide its own UI autonomously and the platform can render them seamlessly in one tasklist.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 6:46Frontend team challenges
3. 8:29Custom elements solve integration
4. 10:59Live demo: task list
5. 13:10Dynamic component loading
6. 16:45Angular Elements basics
7. 18:50Updating components
8. 20:16Custom element pitfalls
9. 23:49Summary

" related talks

• 42mMicroFrontends for MicroServicesThomas Bröll · JCON 2020
• 54mMicro Frontends with Angular Elements and Web Components — A Perfect Combination?Manuel Stoer · W-JAX 2019
• 46mMicro Frontend: the microservice puzzle extended to frontendaudrey neveu · Voxxed Days Microservices 2019
• 46mScaling Micro-Frontends with Custom ElementsFrank Borkin · Build Stuff 2022
• 27mMicro Frontends: Break Up You Web App!Michael Geers · You Gotta Love Frontend 2017
• 47mMicro Frontends UnmaskedManfred Steyer · Micro Frontends Conference 2024
• 46mMicro Frontends REX - Divide to Rule Better!Hugo Chiavenuto · Devoxx France 2022
• 44mMicro Frontend: the microservice puzzle extended to frontendaudrey neveu · Jfokus 2019