Jump to content

Micro frontend

From Wikipedia, the free encyclopedia
This is an old revision of this page, as edited by MarioGom (talk | contribs) at 13:10, 15 October 2022 (AFC draft (via script)). 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.

References

  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.

Category:Software design patterns Category:Architectural pattern (computer science) Category:Web services