Micro Frontend using Single SPA and Qiankun

The micro frontend architecture enables the segmentation of a web application into distinct applications that operate in a loosely coupled manner. Each of these applications, referred to as a micro frontend, functions as an independent, smaller component of the overall web application, capable of being built and executed autonomously. This approach permits the use of various frameworks for development, thereby allowing organizations to capitalize on the specialized skills of team members proficient in diverse technologies.

Qiankun is one among solution for micro frontend which is built upon the single-spa framework and seeks to simplify the implementation process.The architecture of Qiankun applications includes a primary application along with several subordinate applications.These subordinate applications are activated and deactivated in accordance with the routing of the primary application.

To utilize Qiankun, the primary application must include the qiankun dependency and register the subordinate applications.

Each subordinate application is required to export three lifecycle hooks—bootstrap, mount, and unmount—within its respective entry JavaScript file. Additionally, it must incorporate specific configurations into the application bundler to ensure that the primary application can accurately recognize the information provided by the subordinate application.

This project aims to consolidate several widely-used JavaScript frameworks into a single Single SPA application, encompassing Angular, React, Vue, Svelte, jQuery, PreactJS, and SolidJS.