Vite and Module Federation Makes Micro-Frontends EASY!

Vite now has a plugin for Module Federation that allows you to share code between applications live. And it not only supports CSS sharing now (woot!) It also allows you to trade code between Vite, Rollup and Webpack. Code: 👉 I’m a host on the React Round-Up podcast: 👉 Don’t forget to subscribe to this channel for more updates: 👉 Discord server signup: 👉 VS Code theme and font? Night Wolf [black] and Operator Mono 👉 Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF 0:00 Introduction 2:36 Plugin Introduction 4:08 Remote Application Setup 7:10 Host Application Setup 8:25 Configuration Remote Module Federation 11:30 Configuring Host Module Federation 15:37 State Sharing For Micro-FE’s 19:59 Webpack Interoperability 24:35 Monorepo Comparision 25:51 Pros & Cons 27:06 Outroduction
Back to Top