August 11, 2023

Case study of a Micro-Frontend app using Module Federation with React

POC Micro-Frontend


In this repository you'll find a case study of an app using the concepts of Module Federation (Webpack 5) with React and using react-router-dom to manage the routing.

:gear: Build Setup

You need run these commands in the directories in a different terminal window for each app:

yarn && yarn start

Tip: For the server you can run the app in develop mode:

yarn && yarn start:dev

:microscope: Tests

You have the choice to use two types of test. The unity test methodology or the end2end methodology.
I have added some simple examples in how to work on with them: unity test with Jest and end2end test with Cypress.

To run with Jest

cd home && yarn jest

To run with Cypress

cd home && yarn run cypress open

:man_technologist: About the author


Linkedin Badge Gmail Badge

"If at first the idea is not absurd, then there is no hope for it." – Albert Einstein

:memo: License

This project is under the MIT license. See the LICENSE file for more details.

Made with :purple_heart:  by João Paulo Fricks