Menu
Home Explore People Places Arts History Plants & Animals Science Life & Culture Technology
On this page
Micro frontend
Pattern in front-end web development

A micro frontend is an architectural pattern for web development, where independently developed frontends are composed into a greater whole. It is analogous to a microservices approach but for client-side single-page applications written in JavaScript. It is a solution to de-composition and routing for multiple front-end applications.

Micro frontends (MFE) can be built using the following approaches:

  • With tooling such as module federation or native federation
  • With libraries such as Single-SPA or frameworks such as Piral
  • With Web Components
  • With iframes

Companies that use micro frontends are Canonical, IKEA, Scania AB, Spotify, etc.

For Webpack this concept is referred to as module federation.

We don't have any images related to Micro frontend yet.
We don't have any YouTube videos related to Micro frontend yet.
We don't have any PDF documents related to Micro frontend yet.
We don't have any Books related to Micro frontend yet.
We don't have any archived web articles related to Micro frontend yet.

See also

References

  1. "Micro Frontends". martinfowler.com. Retrieved 2023-05-03. https://martinfowler.com/articles/micro-frontends.html ↩

  2. "Contentstack: What is a micro-frontend approach? - CW Developer Network". www.computerweekly.com. Retrieved 2022-08-29. https://www.computerweekly.com/blog/CW-Developer-Network/Contentstack-What-is-a-micro-frontend-approach ↩

  3. "Decision Strategies for a Micro Frontends Architecture". InfoQ. Retrieved 2022-08-29. https://www.infoq.com/news/2020/01/strategies-micro-frontends/ ↩

  4. "Experiences Using Micro Frontends at IKEA". InfoQ. Retrieved 2022-08-29. https://www.infoq.com/news/2018/08/experiences-micro-frontends/ ↩

  5. "Module Federation". webpack. Retrieved 2022-08-29. https://webpack.js.org/concepts/module-federation/ ↩