Digital Transformation in HealthCare Solution

Tech Talk

Micro Frontends

See how Micro Frontend architectures make FrontEnd development much simpler with using multiple FrontEnd technology in Single App.

14 APR 2021

See how Micro Frontend architectures make FrontEnd development much simpler with using multiple FrontEnd technology in Single App.

Code Isolation - Teams do not share runtime even if they're working on the same framework. The focus is on building an independent application in a self-contained manner, without worrying about global variables.

Micro-frontend architecture is a design pattern in which a front-end app is decomposed into individual, semi-independent “microapps” working loosely together. The micro-frontend concept is vaguely inspired by, and named after, microservices.

Benefits of Micro Frontends

Simpler - It's simple to manage multiple FrontEnds in Single App.
Independent Development - App divided into Multiple Independent App, so you have choice to prefer independent technology stack.
Faster - Multiple Project Teams work together into Independent App, that help in Faster Project Development.

Image Credits: Toptal

Integration

Angular, React, Vue.js widely used by developers while going with Micro Frontend Approach.

Let's have a Simple Web Page having Navigation, Title, Content and all three are independent app and connected into Single Web Page. That allow you to select separate technology stack according your need.

Nx - Powerful, Extensible Dev Tools

Nx is a suite of powerful, extensible dev tools to help you architect, develop, test, and build at any scale — integrating seamlessly with modern technologies and libraries. Node.js pefer for BackEnd, React.js prefer for Website, React Native prefer for Mobile App. It's suite of Mobile, Website, API.