A federated React app; host with two remotes

• shared state using context
• nested routing
• css modules and images

---

1.)

mv .sample-env .env

set env values

2.) set server information (domain / server path to remote bundles)

• host/src/index.html <script> tags

3.)

# local 
npm start

# prod 
npm run build

---

CLI

npm run create-remote DashboardPage

npm run show-ports

---

Note:

• The nav list styling changes when the /img route is accessed, and that styling persists after navigating away from /img.

• On subsequent routing to /img, the image is fetched or not when the browser cache is disabled or active, respectively.

---

Bonus features:

• No Typescript