Micro Frontends
Micro Frontends
A way of building a website's interface by splitting it into small pieces developed separately by feature.
In Simple Terms
Put simply, micro frontends is a way of building one large website as a collection of smaller screens or features. For example, on a big online shopping site, separate teams build the product search, the shopping cart page, and the checkout screen all at the same time. The pieces each team builds then come together so users see what looks like a single, cohesive website.
Behind the Name
Micro Frontends combines "micro," meaning extremely small, with "frontend," the part of a website users directly see. The term describes an architecture where a large website's interface is broken into small pieces, each built independently by a different team.
Take a Closer Look!
Micro frontends is a development approach where a website's screens and features are split into small pieces, each built independently by a different team and ultimately combined into a single site.
In traditional development, an entire website was often built as one giant program, so fixing a single part could end up affecting the whole thing.
This approach lets each development team decide, to some extent, how to design and write the code for the feature they're responsible for, making it easier to adjust the pace of development team by team.
It also allows each feature to be released independently, so instead of rebuilding an entire site all at once, teams can gradually swap in new technology just for the parts they own — a nice way to modernize a site in stages.
That said, smoothly combining pieces built separately into a single site requires agreeing on integration rules in advance and coordinating things like design consistency.
This adds management overhead when the development team is small, so the approach is often used when large teams build large-scale websites.