Posts

Showing posts with the label module federation

React Microfrontend with Vite Federation

Image
Introduction Micro frontend is an architectural pattern inspired by Microservices. It allows developers to integrate multiple modules together to create a complete web application. Each micro frontend is an independent unit responsible for a specific function. The basic components of Micro Frontend include: Host Application : Also known as the Shell app, this is the primary application that users interact with. It serves as the container for the micro frontends. Remote Application : These are the micro frontends themselves, which act as building blocks for the host application. Remote Applications are injected into the Shell app to form a complete web application. Advantages Scalability : It is easy to add new business modules to the system (without affecting existing modules), and teams can work concurrently on separate modules without impacting each other. Flexibility : Micro frontends can be developed using different frameworks, as they ultimately just need to be built into static f...