<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/microfrontends-with-react-0dno1mmxp" -->

---
title: Microfrontends With React | daily.dev
description: Micro Frontends allows you to develop, deploy and maintain applications individually. Like Uber where booking and payment services are individually developed...
canonical: https://daily.dev/posts/microfrontends-with-react-0dno1mmxp
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: Microfrontends With React | daily.dev
og:description: Micro Frontends allows you to develop, deploy and maintain applications individually. Like Uber where booking and payment services are individually developed...
og:url: https://daily.dev/posts/microfrontends-with-react-0dno1mmxp
og:image: https://api.daily.dev/og/posts/0DNo1mmxP.png
og:image:alt: Microfrontends With React
og:image:width: 1200
og:image:height: 630
og:locale: 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.

# Microfrontends With React

**[DEV](https://daily.dev/sources/devto)** · 6 min read · 76 upvotes · 5 comments

## Summary

Micro Frontends allows you to develop, deploy and maintain applications individually. Like Uber where booking and payment services are individually developed and deployed. It means, your application is divided into various individual applications and easy to maintain. We will see a React Website using Micro Frontends where we create three applications, Blogs App, Header App and Container App.Please download full source code from our GitHub.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://dev.to/kpiteng/microfrontends-with-react-47jb>

## Community discussion

Top comments from developers on daily.dev.

**@dgesteves** · 3 upvotes

> It is an interesting article, but what is the big advantage of splitting the front end like this? seems too much work for a little gain.

**@\_\_l148701616593795859511878963239** · 1 upvotes

> This article is basically looking at a repo. It doesn't explain any of the steps or why would you choose to do micro frontends, if anything, it actually makes it look tedious and just adding extra work for nothing thus driving people away from it.

**@mdzine** · 0 upvotes

> Interesting article. I got and intro knowledge about how to implement micro frontends.

**@ghost** · 0 upvotes

> A brief look at using React apps as Microfrontends

## 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 · 1 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)

[View this post on daily.dev](https://daily.dev/posts/microfrontends-with-react-0dno1mmxp)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"Microfrontends With React","url":"https://daily.dev/posts/microfrontends-with-react-0dno1mmxp","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/microfrontends-with-react-0dno1mmxp"},"datePublished":"2021-08-12T05:20:13.666Z","dateModified":"2021-10-07T14:17:10.317Z","description":"Micro Frontends allows you to develop, deploy and maintain applications individually. Like Uber where booking and payment services are individually developed...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/030d0abc03c892d3bcf2017a1d9e98c3","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/030d0abc03c892d3bcf2017a1d9e98c3","isAccessibleForFree":true,"articleSection":"DEV","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"DEV","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/devto","url":"https://daily.dev/sources/devto"},"commentCount":5,"discussionUrl":"https://daily.dev/posts/microfrontends-with-react-0dno1mmxp","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":76},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":5}],"keywords":"react,webdev","timeRequired":"PT6M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"DEV","item":"https://daily.dev/sources/devto"},{"@type":"ListItem","position":3,"name":"Microfrontends With React"}]}
{"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/microfrontends-with-react-0dno1mmxp","comment":[{"@type":"Comment","text":"It is an interesting article, but what is the big advantage of splitting the front end like this? seems too much work for a little gain.","datePublished":"2021-08-12T13:46:25.387Z","url":"https://daily.dev/posts/0DNo1mmxP#c-Y_Dh-hbhU","author":{"@type":"Person","name":"Diogo Esteves","url":"https://daily.dev/dgesteves","image":"https://avatars.githubusercontent.com/u/34245953?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"This article is basically looking at a repo. It doesn’t explain any of the steps or why would you choose to do micro frontends, if anything, it actually makes it look tedious and just adding extra work for nothing thus driving people away from it.","datePublished":"2021-08-13T00:30:18.978Z","url":"https://daily.dev/posts/0DNo1mmxP#c-VtTQpxIaK","author":{"@type":"Person","name":"Luis Egan","url":"https://daily.dev/__l148701616593795859511878963239","image":"https://avatars.githubusercontent.com/u/19411549?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Interesting article. I got and intro knowledge about how to implement micro frontends.","datePublished":"2021-08-12T10:33:39.257Z","url":"https://daily.dev/posts/0DNo1mmxP#c-vW3EluUjy","author":{"@type":"Person","name":"Merdan Durdiyev","url":"https://daily.dev/mdzine","image":"https://avatars2.githubusercontent.com/u/8333184?v=4"}},{"@type":"Comment","text":"A brief look at using React apps as Microfrontends","datePublished":"2021-08-12T07:50:24.889Z","url":"https://daily.dev/posts/0DNo1mmxP#c-o6CoOclbf","author":{"@type":"Person","name":"Deleted user","url":"https://daily.dev/ghost","image":"https://media.daily.dev/image/upload/s--hNIUzLiO--/f_auto/v1705327420/public/ghost_vlftth"}}]}
```