Micro App Demos
以qiankun、MicroApp、icestark、wujie、Garfish为基础实现的多种微前端示例。
Overview
The micro-frontend framework repository is a curated collection of diverse examples that utilize popular frameworks such as qiankun, MicroApp, icestark, wujie, and Garfish. This comprehensive compilation showcases the versatility of micro-frontend architectures, making it easier for developers to experiment with and understand how to implement these technologies. Designed to be user-friendly, the repository uses hash routing for demonstration purposes, allowing for seamless navigation across different applications.
Features
- Multiple Frameworks: Contains examples built with various micro-frontend frameworks, giving a broad perspective on implementation options.
- Easy Access: Demonstrations can be easily accessed via GitHub Pages, simplifying the testing and trial of different micro-frontend setups.
- Hash Routing: Utilizes hash routing for all applications, ensuring smooth and reliable page navigation without requiring complex server configurations.
- Diverse Applications: Features a range of applications, allowing users to see the unique capabilities and strengths of each micro-frontend framework in real-world scenarios.
- Well-Organized: Each demo is neatly categorized, making it convenient for developers to find specific examples based on the framework they are interested in.
- Community Driven: The repository encourages contributions and sharing among developers, fostering a collaborative learning environment.
This collection of micro-frontend examples is a valuable resource for developers looking to explore and implement modern web architecture in their projects.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.