February 2022

Micro Frontends or Monoliths?

Micro Frontends Help Team Specialization, Integration, and Coordination

The idea behind Micro Frontends is to think about a website or web app as a composition of features which are owned by independent teams. Each team has a distinct business area or mission it cares about and specializes in. A team is cross functional and develops its features end-to-end, from database to user interface.

Benefits include the ability to isolate team code so each team is able to choose and upgrade their stack without having to coordinate with other teams which increases resiliency of the whole application.

Here is our monthly curated list of thought-provoking books, blogs, podcasts, and articles around Micro Frontends:

micro-frontends-what-why-how

Micro Frontends: What, why, and how

By Jack Herrington

A 10-minute explainer video to learn about Micro Frontends at a high level.

What are they? Why are they interesting? What are the advantages and disadvantages? And, how to take an existing website into a micro frontend website.

building-micro-frontends-scaling-teams-projects-developers

Building Micro Frontends: Scaling Teams and Projects, Empowering Developers

By Luca Mezzalira

Based on many years of real-world experience implementing micro frontends, the author discusses real examples focusing on the architectures, mental models, and methodologies to successfully implement micro frontends.

The book also discusses how to organize teams for migrating existing or new projects to micro frontends.

module-federation-micro-frontends

Module Federation

By Webpack

This is a more technical explanation of the basic concepts required for successful micro frontends.

It is based on the general concept that multiple separate builds should form a single application, but these separate builds should not have dependencies between each other, so they can be developed and deployed individually.

micro-frontends-extending-the-idea-of-microservices

Micro Frontends: Extending the Microservice Idea to Frontend Development

By Michael Geers

The micro-frontends.org website, managed by Michael Geers, gives a comprehensive view of what micro services are including what its core ideas are, the role of the DOM, page composition, client side integration, custom elements, and parent-child relationships.

He also expands on all these topics in his book Micro Frontends In Action

MangoChango’s ability to deliver unquestionable value to its clients is highly dependent on keeping abreast of new technologies and trends. Our clients value this commitment to leading-edge thinking and expertise.

MangoChango’s engineers are experts in a wide variety of technologies, frameworks, tools, and languages, with an emphasis on continuous learning as new thinking, tools, and techniques come to market.

Check here for more information and to explore our technology assessment and maturity framework.