Destructuring Frontend monoliths with MicroFrontends

" summary

Explains the MicroFrontends architecture for breaking large single-page frontend monoliths into smaller independently developed apps, and shows how to implement that approach using Webpack 5’s Module Federation feature to stitch those apps together at runtime in the browser. Covers the problems of growing frontend codebases (dependencies, maintainability) and a concrete migration/destructuring approach from a monolith into federated MicroFrontends.

AI-written summary · about

" related talks

• 45mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Luxembourg 2023
• 36mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Brussels 2023
• 01h 13mThe Microfrontend Revolution, module federation, Webpack 5Pavel Chertorogov · HolyJS 2020 Moscow
• 48mMicrofrontend Architecture – technical implementation.Reinis Pakers · DevClub.lv 114th Frontend focused event
• 51mBuilding a Micro-Frontend Application with Webpack 5 Module FederationSylvain Dedieu · Voxxed Days Luxembourg 2022
• 21mEmbracing Micro-frontends: A Comprehensive Guide for Modern Web DevelopmentSainath Ramanathan · CityJS New Delhi 2024
• 52mMicro frontends: prepare for the ridePaulius Kimbartas · Build Stuff 2021
• 15mBreaking Down Monoliths: Microfrontend Architecture with ReactPreeti Wadhwani · React Nexus 2023