Module Federation Visualizer

A host app loads components from independently-deployed remotes at runtime. Click an exposed module to load it into the host, and toggle shared to see React deduped instead of downloaded twice.

The federated graph

Click the blue exposed modules in each remote to load them into the host shell.

host / shell
app-shell
Loaded remotes: none yet
react 18 react-dom 18
remote
cart
./Cart ./MiniCart
react 18
remote
profile
./Avatar ./Settings
react 18
0
remote requests
0
react copies loaded
0 KB
transferred
Click an exposed module to load it at runtime…

The config behind it