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
- With Web Components
- With iframes
Companies that use micro frontends are Canonical, IKEA, Scania AB, Spotify, etc.[4]
For Webpack this concept is referred to as module federation.[5]
See also
editReferences
edit- ^ "Micro Frontends". martinfowler.com. Retrieved 2023-05-03.
- ^ "Contentstack: What is a micro-frontend approach? - CW Developer Network". www.computerweekly.com. Retrieved 2022-08-29.
- ^ "Decision Strategies for a Micro Frontends Architecture". InfoQ. Retrieved 2022-08-29.
- ^ "Experiences Using Micro Frontends at IKEA". InfoQ. Retrieved 2022-08-29.
- ^ "Module Federation". webpack. Retrieved 2022-08-29.
 | This article related to a type of software is a stub. You can help Wikipedia by expanding it. |