<Micro-Frontends with Angular>

[baljindersidhu]

Overview

How to implement Micro-Frontends architecture using Angular.

Details of Event

Angular code-lab.

1. Need for Micro-Frontends.
2. Pros/Cons
3. How to break existing Monolith
4. Different ways to orchestrate (iframe/WebComponents/Bootstrapping)
5. Sharing data
6. Demo: Products Webapp and Cart Webapp
7. Code-lab (Orchestrating both into single WebApp using WebComponents)
8. Food for thought? (Very simple demo of running Angular and React app in same app)

Few more details

• Total Time: Less than an hour
• Framework & Concepts: Angular 8, Web Components
• Description: How we can orchestrate distributed angular apps as a holistic SPA following micro-frontends architecture.

Codelab

• Is it a codelab?: Yes
• Time of Codelab: 30 mins

First Time Speaker

• I have presented at my current workplace on different concepts but I haven't given an open community talk before.

Last JSLovers Event you attended

• What was the last event by JSLovers you attended: Design Systems from UX to UI
• How was your experience: Very Inspiring
• How can we improve? Attending the last event motivated me to come forward and share whatever I have learnt along the way. Please keep organising these amazing events.

[Neha]

Hello,

Could you share slides or GitHub for the same?

Thanks, Neha

[Neha]

@baljindersidhu Hello could you please share your slides?