Micro-frontend
JS isolation
CSS isolation
Element isolation
Lifecycle
Preloading
Data communication
Application navigation
Multi-level nesting
Description
- Uses Mermaid's flowchart syntax, supported by Markdown renderers like Typora, VitePress, and some Git platforms.
- Retained:
- Base application
main-vue3 - Various child applications:
child-nuxt2-home,child-vue2-job,child-vue3-enterprise,child-react18-about - Core logic of the framework, such as JS isolation, style isolation, lifecycle, application communication, virtual routing, etc.
- Initialization process on the right
◆ Multiple cutting-edge technology stacks
◆ Hands-on experience with multiple projects, playing several roles
◆ Micro-frontend application scenarios and implementation solutions
◆ Monolithic application development process
◆ Architectural thinking, architectural capabilities
◆ Building enterprise-level micro-frontend applications
Two Questions
- What is micro-frontend
- Background: Spaghetti code (development, running, packaging, but cannot be discarded, and new requirements must be added to the project) [Monolithic application]
- Basic concept: First appeared in 2016 (drawing inspiration from microservices architecture)
- Core idea: Container application (main application) and child applications (micro-applications)
主题测试文章,只做测试使用。发布者:Walker,转转请注明出处:https://walker-learn.xyz/archives/4451