Micro frontend
Jump to navigation
Jump to search
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 | edit source]References
[edit | edit source]- ^ Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).
- ^ Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).
- ^ Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).
- ^ Rappl, Florian. The Art of Micro Frontends. Verzdesign Publishing. Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value)..
- ^ Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).
- ^ Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).