Jump to content

Micro frontend

From Wikipedia, the free encyclopedia
This is an old revision of this page, as edited by Chetan.p.deshmukh (talk | contribs) at 12:57, 27 March 2024 (added more context to the microfrontend definition). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.

Microfrontends (singular: microfrontend[1]) is a front-end web development pattern in which a single application may be built from disparate builds.[1] Every microfrontend represents a specific functionality or feature of the application and can be developed using different technologies, frameworks, or programming languages.[2] It is analogous to a microservices approach but for client-side single-page applications written in JavaScript.[3] It is a solution to de-composition and routing for multiple front-end applications.[4]

Microfrontends (MFE) can be built using the following approaches:

Companies that use microfrontends are IKEA, Spotify, etc.[5]

For Webpack this concept is referred to as module federation.[6]

See also

References

  1. ^ a b "Micro Frontends". martinfowler.com. Retrieved 2023-05-03.
  2. ^ "Introduction to Microfrontends". InfraCloud. Retrieved 2024-03-27.
  3. ^ "Contentstack: What is a micro-frontend approach? - CW Developer Network". www.computerweekly.com. Retrieved 2022-08-29.
  4. ^ "Decision Strategies for a Micro Frontends Architecture". InfoQ. Retrieved 2022-08-29.
  5. ^ "Experiences Using Micro Frontends at IKEA". InfoQ. Retrieved 2022-08-29.
  6. ^ "Module Federation". webpack. Retrieved 2022-08-29.