Microfrontend
From HandWiki
Short description: Pattern in front-end development
Microfrontends (singular: microfrontend[1]) is a front-end web development pattern in which a single application may be built from disparate 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]
Microfrontends (MFE) can be built using the following approaches:
- With module federation
- With Single-SPA
- With Web Components
- With iFrames
Companies that use microfrontends are IKEA, Spotify, etc.[4]
For Webpack this concept is referred to as module federation.[5]
See also
References
- ↑ 1.0 1.1 "Micro Frontends". https://martinfowler.com/articles/micro-frontends.html.
- ↑ "Contentstack: What is a micro-frontend approach? - CW Developer Network". https://www.computerweekly.com/blog/CW-Developer-Network/Contentstack-What-is-a-micro-frontend-approach.
- ↑ "Decision Strategies for a Micro Frontends Architecture" (in en). https://www.infoq.com/news/2020/01/strategies-micro-frontends/.
- ↑ "Experiences Using Micro Frontends at IKEA" (in en). https://www.infoq.com/news/2018/08/experiences-micro-frontends/.
- ↑ "Module Federation" (in en). https://webpack.js.org/concepts/module-federation/.
 |  |
