Micro frontend
Appearance
Microfrontend or Module Federation is a pattern in front-end development where a single application can be built from different separate 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] These different builds should not depend on each other, so they can be developed and deployed individually.[citation needed]
One company that uses microfrontends is IKEA.[4]
The Webpack team first presented this concept as a plugin for the Webpack Bundler.[5]
Later this concept was implemented in other tools like Vite[6][7] and Rollup.
References
- ^ "Micro Frontends". martinfowler.com. Retrieved 2022-08-29.
- ^ "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.
- ^ "Vite Javascript. Build tool. Vite vs Webpack". Ruslan rocks. Retrieved 2022-08-29.
- ^ "Vite Module Federation (vite-plugin-federation)". Ruslan rocks. Retrieved 2022-08-29.