Micro Frontends Proof of Concept

Goals

create portal-like application with top-header and left-side navigation bar navigation bar has links that open sub-applications
each sub-application can be implemented in different technology (like Angular 5, React 15 and React 16)
we can render single sub-application in single page
we can render many sub-applications in a single page
each sub-application can be deployed independently and hosted on different servers
CSS stylesheets are independent
communication between sub-applications is possible

Angular 5 application. It a sub-application of the portal.

React 16 application. It a sub-application of the portal.

React 15 application. It is a template application, which aggregates sub-app-angular and sub-app-react16 as a portal.

cd sub-app-angular
npm install
npm run build
npm run serve

Now bundles are available here: http://localhost:3001

cd sub-app-react16
npm install
npm run build
npm run serve

Now bundles are available here: http://localhost:3002

cd main-app
npm install
npm run build
npm run serve

Now the application is available here: http://localhost:3000