Frontend engineering
12/05/2020
Webpack 5 Module Federation

An upcoming flagship feature in Webpack 5 that enables javascript applications to import code from separately deployed applications at runtime.

A game-changer to how we think about building applications in the javascript environment, Module Federation allows micro-services and micro-frontends to work as seamlessly as a monolithic application would.

As the creator of Module Federation – I’ll take you through what it is, why its useful, and how it can be used to solve various architectural challenges facing large engineering teams. Module Federation has been recognized as a true solution to challenges of micro-frontends, and solves it with no engineering overhead or need to alter codebases.

Module Federation work with a standard require() or import and takes a “just works” approach to solve complex infrastructure. I’ll detail and do some live coding where we take independent applications and federate them into one monolithic style SPA at runtime, demonstrate server-side federation, and streamed module federation over S3, as well as showcase more complex use cases.

 

Tags
frontend
JavaScript
Module Federation
Webpack