dev-profile-two v1.0.1
Developer Profile Two Remote App
This example project demonstrates a host application consuming two remote rocket-science applications. The example includes both the traditional consumption pattern as well as consumption via dynamic remote containers.
How To Run
Clone all three applications onto your machine (helpful to keep them in a common directory).
- Host app dev-profiles-host
- Remote app 1 dev-profile-one
- Remote app 2 dev-profile-two
All three are standalone applications in separate repositories. Host app can either use consumption of remotes through the remotes:{}
field in the module federation plugin or through dynamic remote containers to consume federated modules from Remote app 1 and Remote app 2.
# ----> /dev-profile-one
# To run federated server (port 3003)
$ yarn federate
# To run storybook and federated server together
$ yarn story
# ----> /dev-profile-two
# To run federated server (port 3001)
$ yarn federate
# To run storybook and federated server together
$ yarn story
# ----> /dev-profiles-host
# To start app (port 3002)
$ yarn start
Running storybook and the federated server together with $ yarn story
allows you to develop the components locally within storybook while Host app can consume changes with a browser refresh.