Microfrontend

Pattern in front-end development

Micro frontends (singular: micro frontend^[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]

Micro frontends (MFE) can be built using the following approaches:

With module federation
With Single-SPA
With Web Components
With iFrames

Companies that use micro frontends are IKEA, Spotify, etc.^[4]

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

References

^ ^a ^b "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.

Software engineering

Fields

Computer programming
DevOps
Empirical software engineering
Experimental software engineering
Formal methods
Requirements engineering
Search-based software engineering
Site reliability engineering
Social software engineering
Software deployment
Software design
Software maintenance
Software testing
Systems analysis

Concepts

Orientations

Models

Developmental	Agile EUP Executable UML Incremental model Iterative model Prototype model RAD UP Scrum Spiral model V-model Waterfall model XP Model-driven engineering Round-trip engineering
Other	SPICE CMMI Data model ER model Function model Information model Metamodeling Object model Systems model View model
Languages	IDEF UML USL SysML