back to home

umijs / qiankun

📦 🚀 Blazing fast, simple and complete solution for micro frontends.

16,575 stars
2,077 forks
423 issues
TypeScriptJavaScriptHTML

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing umijs/qiankun in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context on-demand, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Source files are only loaded when you start an analysis to optimize performance.

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind.in/repo/umijs/qiankun)
Preview:Analyzed by RepoMind

Repository Overview (README excerpt)

Crawler view

qiankun(乾坤) > [!WARNING] 🚧 qiankun 3.0 is currently under active development. Check out the Roadmap for more details. > In Chinese, means heaven and earth. is the universe. Qiankun enables you and your teams to build next-generation and enterprise-ready web applications leveraging Micro Frontends. It is inspired by and based on single-spa. 🤔 Motivation A quick recap about the concept of : > Techniques, strategies and recipes for building a **modern web app** with **multiple teams** using **different JavaScript frameworks**. — Micro Frontends Qiankun was birthed internally in our group during the time web app development by distributed teams had turned to complete chaos. We faced every problem micro frontend was conceived to solve, so naturally, it became part of our solution. The path was never easy, we stepped on every challenge there could possibly be. Just to name a few: • In what form do micro-apps publish static resources? • How does the framework integrate individual micro-apps? • How to ensure that sub-applications are isolated from one another (development independence and deployment independence) and runtime sandboxed? • Performance issues? What about public dependencies? • The list goes on long ... After solving these common problems of micro frontends and lots of polishing and testing, we extracted the minimal viable framework of our solution, and named it , as it can contain and serve anything. Not long after, it became the cornerstone of hundreds of our web applications in production, and we decided to open-source it to save you the suffering. **TLDR: Qiankun is probably the most complete micro-frontend solution you ever met🧐.** :sparkles: Features Qiankun inherits many benefits from single-spa: • 📦 **Micro-apps Independent Deployment** • 🛴 **Lazy Load** • 📱 **Technology Agnostic** And on top of these, it offers: • 💃 **Elegant API** • 💪 **HTML Entry Access Mode** • 🛡 **Style Isolation** • 🧳 **JS Sandbox** • ⚡ **Prefetch Assets** • 🔌 **Umi Plugin Integration** Packages | Package | Version (click for changelogs) | | --- | :-- | | qiankun | | | @qiankunjs/loader | | | @qiankunjs/sandbox | | | @qiankunjs/shared | | | @qiankunjs/react | | | @qiankunjs/vue | | | @qiankunjs/ui-shared | | | @qiankunjs/bundler-plugin | | | create-qiankun | | 📦 Installation 📖 Documentation You can find the Qiankun documentation on the website Check out the Getting Started page for a quick overview. The documentation is divided into several sections: • Tutorial • API Reference • FAQ • Community 💿 Examples Inside the folder, there is a sample Shell app and multiple mounted Micro FE apps. To get it running, first clone : Now install and run the example: Visit . 🎯 Roadmap See Qiankun 3.0 Roadmap 🤝 Contributing See contributing guide. 👥 Contributors Thanks to all the contributors! 🎁 Acknowledgements • single-spa What an awesome meta-framework for micro-frontends! • writable-dom Utility to stream HTML content into a live document. 📄 License Qiankun is MIT licensed.