---
title: "Micro-Frontend—Why and How?"
url: https://daily.dev/posts/micro-frontend-why-and-how--go9ueweum
source_url: https://www.syncfusion.com/blogs/post/micro-frontend-why-and-how.aspx
type: article
source: "Syncfusion"
published: 2022-05-05T11:29:18.159Z
updated: 2022-05-05T11:29:18.160Z
tags: ["react", "webdev", "vuejs"]
reading_time: 9
upvotes: 109
comments: 1
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Micro-Frontend—Why and How?

**[Syncfusion](https://daily.dev/sources/syncfusion)** · 9 min read · 109 upvotes · 1 comments

## Summary

Micro-frontend is a new architecture inspired by microservices. The concept is similar to microservices, where we can break the whole monolithic codebase into smaller codebases that can be developed autonomously by distributed teams. Micro-frontends have certain principles that allow for scaling an app.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.syncfusion.com/blogs/post/micro-frontend-why-and-how.aspx>

## Community discussion

Top comments from developers on daily.dev.

**@kkurko** · 3 upvotes

> Good article and it also mentions great resource for everyone who wants to go with micro-frontends (micro-frontends.org), but I also highly recommend [this article from Martin Fowler's blog](https://martinfowler.com/articles/micro-frontends.html)

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 0 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments

---

Tags: [#react](https://daily.dev/tags/react), [#webdev](https://daily.dev/tags/webdev), [#vuejs](https://daily.dev/tags/vuejs)

[View this post on daily.dev](https://daily.dev/posts/micro-frontend-why-and-how--go9ueweum)
