From the course: Micro Front-End Architecture with React

Unlock this course with a free trial

Join today to access over 24,400 courses taught by industry experts.

Module federation

Module federation

- [Instructor] Module Federation is a feature in Webpack 5 that enables one-time code sharing between separately deployed applications or micro frontends. This allows teams to build and deploy different parts of an application independently, while still sharing components, utilities, and libraries across them. Essentially, it enables dynamic imports from one micro frontend to another, without duplicating code. Module Federation is a major advancement for micro frontend architecture because it addresses several key challenges, such as code sharing. With Module Federation, different parts of an application can share code, reducing bond size, and improving performance. Each micro frontend can be independently deployed and updated. While Model Federation ensures that the latest version of the shared dependencies is used, shared components like headers, footers or shared libraries help create a seamless user experience across micro frontends. Module Federation operates at run time, one…

Contents