This repo is an example application using the Mosaic frontend microservices architecture. Since the idea is that a separate team would be in charge of each of the fragments, there is some duplicate code within each of the fragments such as the Webpack configuration.
Three of the four fragments are small React applications that share several dependencies - react, react-dom, and classnames. Those three shared dependencies are listed as externals in their respective webpack configurations. The fourth fragment is the common bundle that provides the shared dependencies for the other three fragments to utilize. The dependency management is handled with RequireJS.
- Clone this repository using
git clone https://github.com/tsnolan23/mosaic-tailor-react-example.git - Install all of the base dependencies with
npm install - Install all of the fragment dependencies with
npm run install-fragment-dependencies - Build the fragments with
npm run build-fragments - In one terminal, start the fragments servers with
npm run start-fragments - In another terminal, start the Tailor service with
npm start - Navigate to
http://localhost:8080/contacts