Go to content

Destructuring frontend monoliths with Microfrontends - By Trishul Goel

In the modern app architecture, the frontend contributes a major chunk of the setup, most of the business logic is housed in the Frontend. Over time the frontend app becomes a huge monolith, harder to maintain, tricker to add new features, etc. With Microfrontends we break this monolith into smaller independent apps. These apps are developed independently but stitched as a SPA on the fly with all the goodies of client-side javascript. This has been done traditionally with several approaches, but with Webpack 5 we now have module federation, which opens the door for seamless Microfrontend integrations. In this talk, we will discuss the complete Microfrontends architecture pattern, how to destructure an existing monolith into Microfrontends with help of module federation from Webpack 5. By the end of this talk, the attendees will be having a new vision of how they architect their frontends.

October 15, 2021