git clone [email protected]:alexlbr/reactadvanced-2021.git
Make sure you are in the main
branch.
yarn
yarn start
- http://localhost:8889 React profile app
- http://localhost:8888 React chat app
- http://localhost:8887 Vue chat app
- http://localhost:3001 Nextjs app that hosts the microfrontends
To mount the Vue chat app in http://localhost:3001/chat, replace the port number 8888
with 8887
inmicrofrontends/host/components/MountMicroFrontend.tsx
. Example:
<MountMicroFrontend url="http://localhost:8888/remoteEntry.js" name="chat" />
with
<MountMicroFrontend url="http://localhost:8887/remoteEntry.js" name="chat" />
then reload the page.
git checkout benchmark
yarn
yarn start
Navigate to http://localhost:8880.