What is Micro-Frontends(MFEs)?

What is Micro Frontends?

“An architectural style where independently deliverable frontend applications are composed into a greater whole”

In ThoughtsWorks — Technology Radar May 2020 Techniques, MFEs are in “Adopt” stage.

https://www.thoughtworks.com/radar/techniques/micro-frontends

Pros:

  • Incremental upgrades
  • Multiple teams contribute to the frontend
  • Simple & Decoupled codebases
  • Development speed should be a constant despite a growing application
  • External developers should be able to extend the UI
  • Different teams should be able to use their own tooling (Technology Agnostic)

Cons:

  • Increased Payload size
  • Environment differences
  • Operational and governance complexity
  • Works best for big teams (hundreds of developer)
  • No global standards of development

Implementation example 1:

https://micro-frontends.org/1-composition-client-only/

Implementation example 2:

https://demo.microfrontends.com/

A JavaScript framework for front-end microservices:

  • Use multiple frameworks on the same page without refreshing the page (React, AngularJS, Angular, Ember, or whatever you’re using)
  • Write new code, possibly with a new framework, without rewriting your existing app
  • Lazy load code for improved initial load time.

Conclusion:

We see it as a proven approach that we should be using when it makes sense to do so.

--

--

--

Cloud Solution Architect at Walmart Japan

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Setting up SSL for multiple GIT Accounts

Efficient Azure Functions with multiple bindings

Creating Site Tracker App with Huawei Mobile Services (HMS)

Weather Observation Station 3

This Earth Day, use your skills to take on climate change

Mongo DB : The NoSQL Database

How To Improve Use Of Firebase Crashlytics On Side Of Flutter Application

What are Loops in Java

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Bhargav Shah

Bhargav Shah

Cloud Solution Architect at Walmart Japan

More from Medium

SOLID principles in Simple Words

Design Pattern in Software Development

Changes of the User Interface Development

How not to pair program