Tencent/wujie

Features

• Micro-Frontend Orchestrators - Provides a framework for composing multiple autonomous web applications into a single unified interface with strict isolation.
• Micro-Frontend Frameworks - Provides a framework for integrating multiple independent web applications into a single shell with strict isolation.
• Application Lifecycle Managers - Coordinates the mounting and unmounting of applications to preserve internal state when backgrounded.
• Cross-Application State Synchronization - Uses an event bus mechanism to keep the host shell and child applications in state synchronization.
• Event Bus Architectures - Implements an event-driven communication architecture using a pub-sub pattern for decoupled micro-apps.
• Global Scope Isolation - Prevents global variable pollution by running micro-applications in isolated environments, eliminating the need for manual cleanup.
• Inter-Application Communication - Enables independent micro-applications to exchange data and share state using a decentralized communication pattern.
• Pub/Sub Event Distribution - Provides a pub-sub event bus for decentralized data exchange and state synchronization between isolated micro-apps.
• Iframe-Based Rendering - Uses separate iframes to isolate the JavaScript execution of micro-applications, preventing global namespace pollution.
• Style Encapsulations - Encapsulates application markup within custom web components to prevent CSS leakage and ensure consistent styling across the shell.
• URL-Synchronized Navigation - Synchronizes the internal navigation state of sub-applications with the browser URL to support history and page refreshes.
• View State Preservation - Retains the internal state and interface of background applications for immediate session restoration.
• Application Embedding - Embeds independent web applications into a host shell using web components and iframes for JavaScript and style isolation.
• Application Lifecycle Controls - Single-spa recreates child application instances from scratch while preserving their original configuration and properties.
• Application Lifecycle Managers - Manages the startup and termination of sub-application instances via mounting and unmounting hooks.
• Shadow DOM Encapsulation - Encapsulates application markup within custom elements to prevent CSS leakage and ensure consistent styling.
• Micro-Frontend Communication - Facilitates data exchange and state synchronization between isolated sub-applications using a decentralized event bus.
• Micro-Frontend Routing - Synchronizes internal sub-application navigation with the main browser URL to support refreshes and history.
• Execution Sandboxes - Provides a container based on web components and iframes that prevents global variable pollution and style leakage.
• Micro-Frontend State Preservations - Retains the internal state and interface of background sub-applications to restore user sessions immediately upon return.
• Application State Managers - Manages application-level state to mirror navigation and preserve sessions during micro-app switching.
• Micro Frontend Extenders - Wraps independent micro-frontend applications into reusable components for rendering within a host template.
• URL State Synchronizers - Synchronizes the internal navigation state of child applications with the browser URL for history support.
• DOM Portals - Implements a portal mechanism that projects iframe content into the host DOM for a native component appearance.

Star history