Welcome to our web application, featuring a dashboard that seamlessly integrates various technologies. This showcase highlights the synergy of React, Webpack, Rspack, Module Federation, and Material UI working harmoniously to deliver a powerful and visually appealing user experience. Through this innovative amalgamation, we aim to demonstrate the seamless collaboration of these technologies, showcasing their collective potential in crafting dynamic and responsive web interfaces. This project was based on a Dashboard implementation
This system seamlessly integrates modular components, allowing for efficient code splitting and loading only the necessary resources on-demand. The Material UI design system ensures a sleek and responsive user interface, while the Webpack 5 and Rspack (using Module Federation) enhances scalability by enabling the sharing of modules across different micro-apps. With real-time data updates and a user-friendly interface, this dashboard provides an intuitive and visually appealing experience for users navigating complex datasets.
To run this project use docker-compose to quickstart:
git clone https://github.com/erkylima/react-microapps.git cd react-microapps docker-compose up
Open http://localhost:3000 to view Webpack 5 module federated Root App
Open http://localhost:3001 to view Webpack 5 module federated Dashboard App
Open http://localhost:3002 to view Webpack 5 module federated Navigation App
Open http://localhost:3003 to view Webpack 5 module federated FAQ App
Open http://localhost:3004 to view Rspack module federated Team App