Hubbry Logo
search button
Sign in
Micro frontend
Micro frontend
Comunity Hub
History
arrow-down
starMore
arrow-down
bob

Bob

Have a question related to this hub?

bob

Alice

Got something to say related to this hub?
Share it here.

#general is a chat channel to discuss anything related to the hub.
Hubbry Logo
search button
Sign in
Micro frontend
Community hub for the Wikipedia article
logoWikipedian hub
Welcome to the community hub built on top of the Micro frontend Wikipedia article. Here, you can discuss, collect, and organize anything related to Micro frontend. The purpose of the hub is to connect peo...
Add your contribution
Micro frontend

A micro frontend is an architectural pattern for web development, where independently developed frontends are composed into a greater whole.[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]

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[4]
  • With Web Components
  • With iframes

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

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

See also

[edit]

References

[edit]
  1. ^ "Micro Frontends". martinfowler.com. Retrieved 2023-05-03.
  2. ^ "Contentstack: What is a micro-frontend approach?". CW Developer Network. Retrieved 2022-08-29.
  3. ^ "Decision Strategies for a Micro Frontends Architecture". InfoQ. Retrieved 2022-08-29.
  4. ^ Rappl, Florian. The Art of Micro Frontends. Verzdesign Publishing. ISBN 978-1-83546-637-7.
  5. ^ "Experiences Using Micro Frontends at IKEA". InfoQ. Retrieved 2022-08-29.
  6. ^ "Module Federation". webpack. Retrieved 2022-08-29.