Micro-Frontends with Module Federation and React Router 6

This workshop is a hands-on training session that will guide you through the features of a Micro-Frontend architecture using React Router 6 and Module Federation.

System Requirements

• git
• NodeJS 14 || 15 || 16 || 18
• npm

Getting Started

1. Clone the repository

   git clone https://github.com/infoxicator/micro-frontends-workshop.git

2. Select a lesson

   cd micro-frontends-workshop/src/module-federation-basics

3. Install dependencies

   cd host && npm install
   cd ../products && npm install
   cd ../cart && npm install

4. Start the application

  ```sh
  cd host && npm start
  cd ../products && npm start
  cd ../cart && npm start

5. Open the application in your browser on http://localhost:8080

Lessons

• Module Federation Basics
• React Router 6
• State and Communication