neenhouse / federated-app-shell

Demo of federated app shell

Home Page:https://medium.com/expedia-group-tech/using-webpack-module-federation-to-share-an-app-shell-7d23633510e

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Federted App Shell

This is a simple demo of webpack module federation implemented on a trivial appshell + search + property details + favorites Mono-Repo based on the excellent work of Zack Jackson and others.

Run Demo Locally

Optional: Federated Dashboard (requires Docker)

To run dashboard, run the following commands before starting the apps:

npm install
npm run docker:demo

Start Apps

npm install
npm start

View Apps

Open http://localhost:3000 to view federated dashboard

Open http://localhost:3001 to view app shell

Open http://localhost:3002 to view property details wrapped in federated app shell

Open http://localhost:3003 to view search wrapped in federated app shell

Open http://localhost:3004 to view favorites wrapped in federated app shell

About

Demo of federated app shell

https://medium.com/expedia-group-tech/using-webpack-module-federation-to-share-an-app-shell-7d23633510e


Languages

Language:JavaScript 89.4%Language:HTML 7.2%Language:CSS 3.4%