Skip to content

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

License

Notifications You must be signed in to change notification settings

jpcmf/poc-micro-fe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

POC Micro-Frontend

Webpack

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.

⚙️ 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

🔬 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

👨‍💻 About the author

avatar

Linkedin Badge Gmail Badge

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

📝 License

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


Made with 💜  by João Paulo Fricks