Micro frontend
From HandWiki
Short description: Pattern in front-end web development
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
References
- ↑ "Micro Frontends". https://martinfowler.com/articles/micro-frontends.html.
- ↑ "Contentstack: What is a micro-frontend approach?". https://www.computerweekly.com/blog/CW-Developer-Network/Contentstack-What-is-a-micro-frontend-approach.
- ↑ "Decision Strategies for a Micro Frontends Architecture". https://www.infoq.com/news/2020/01/strategies-micro-frontends/.
- ↑ Rappl, Florian. The Art of Micro Frontends. Verzdesign Publishing. ISBN 978-1-83546-637-7.
- ↑ "Experiences Using Micro Frontends at IKEA". https://www.infoq.com/news/2018/08/experiences-micro-frontends/.
- ↑ "Module Federation". https://webpack.js.org/concepts/module-federation/.
 |  |
