Help in setting up micro frontend architecture

[ggros-septeo]

Hi everyone,

I was reading a very interesting article about Micro frontend architecture and Bit. and I would like to achieve the same thing but with Angular app instead of React app.

I've initialized my workspace and I've create three 3 Angular app components

bit create ng-app apps/mfe1 --aspect teambit.angular/angular
bit create ng-app apps/mfe2 --aspect teambit.angular/angular
bit create ng-app apps/shell --aspect teambit.angular/angular

I can build all the components and run them independtly but I don't know how I can use both mfe1 & mfe2 component inside the shell component.

What I can't get my head around is that all the components export and declare a class named AppComponent with the same html selector (<app-root>), how can I import the mfe component inside the shell component and use a custom selector like <mfe1> for example ?

Thank you for your help

[ggros-septeo]

I joined the Slack channel, I'm getting help from people over there so I'll close this :) Thanks