React Brussels banner

Destructuring frontend monoliths with Microfrontends

By Trishul Goel

Description

React Brussels 2021

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.

Picture of React Brussels speaker Trishul Goel

Trishul Goel

Frontend Architect

Bio

Trishul is a professional frontend developer; writes React code for living and volunteers for Mozilla to justify his existence. He loves to talk about modern Javascript and tries to use it to solve all of his problems, even the domestic ones. He is an expert in developing PWAs and browser extensions.