A sample app to demo micro frontends in action

There a single angular component "page-num". Displays the page number you are currently on.

Renders the controls for navigation.

Fetches & renders images for the current page index.

This is the container app (React) hosting all the micro frontends.

1. In each of the micro frontends do an npm install & npm start, this will make the microfront available as a service.
2. In the container component do an npm install & npm start, this will make the container app available at http://localhost:5000

• Check how independent micro frontends communicate to each other through DOM messages(events) & also we are making use of React's lifecycle here to pass updates to Angular component.
• We are converting our angular component as a custom element.

Read more about custom elements here: https://developers.google.com/web/fundamentals/web-components/customelements