Jump to content

Micro frontend

From Wikipedia, the free encyclopedia
This is an old revision of this page, as edited by AndreJustAndre (talk | contribs) at 09:21, 29 August 2022 (move ref down). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.

Microfrontend or Module Federation is a pattern in front-end development where a single application can be built from different separate builds.[1] It is analogous to a microservices approach but for client-side single-page applications written in JavaScript.[2] It is a solution to de-composition and routing for multiple front-end applications.[3] These different builds should not depend on each other, so they can be developed and deployed individually.[citation needed]

One company that uses microfrontends is IKEA.[4]

The Webpack team first presented this concept as a plugin for the Webpack Bundler.[5]

Later this concept was implemented in other tools like Vite[6][7] and Rollup.

  1. ^ "Micro Frontends". martinfowler.com. Retrieved 2022-08-29.
  2. ^ "Contentstack: What is a micro-frontend approach? - CW Developer Network". www.computerweekly.com. Retrieved 2022-08-29.
  3. ^ "Decision Strategies for a Micro Frontends Architecture". InfoQ. Retrieved 2022-08-29.
  4. ^ "Experiences Using Micro Frontends at IKEA". InfoQ. Retrieved 2022-08-29.
  5. ^ "Module Federation". webpack. Retrieved 2022-08-29.
  6. ^ "Vite Javascript. Build tool. Vite vs Webpack". Ruslan rocks. Retrieved 2022-08-29.
  7. ^ "Vite Module Federation (vite-plugin-federation)". Ruslan rocks. Retrieved 2022-08-29.