Micro Frontend Architecture Demo with React

Welcome to the Micro Frontend Architecture with React.js repository! This repository contains code and resources for the accompanying blog article titled "Unveiling the Power of Micro Frontend Architecture with React.js". Read the full blog from here.

Project Structure

In this repository, you'll find the code examples and demonstrations discussed in the blog article. The article explores the core principles and techniques of micro frontend architecture using React.js, including Module Federation, asynchronous loading, error handling with SafeComponent, and sharing functions and states between micro frontends.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

• Node.js and npm installed on your machine. You can download them from here.

Installation

1. Clone the repository:

   git clone https://github.com/Isw200/micro-frontend-architecture-react.js.git

2. Navigate into the home page application and start the server:

   cd home
   npm install
   npm start

3. Navigate into the products page application and start the server:

   cd products
   npm install
   npm start

4. Navigate into the cart page application and start the server:

   cd cart
   npm install
   npm start

The home application should now be running at http://localhost:3000, the products application should now be running at http://localhost:3001 and the cart application should now be running at http://localhost:3002.

Support

If you find this repository helpful or have any questions, feel free to open an issue. Your feedback and contributions are highly appreciated!