single-spa | BestHub

Beijing SF i-TECH City Technology Team

May 30, 2024 · Frontend Development

Micro‑Frontend Architecture for a Supply‑Chain System Using Single‑SPA

The article describes how a monolithic supply‑chain front‑end was refactored into a micro‑frontend architecture based on Single‑SPA, detailing the background problems, requirements, technical selection, system design, service discovery, module loading, message bus, data sharing, build and deployment, and the resulting performance improvements.

Reduxfrontend architecturemicro-frontend

0 likes · 13 min read

Micro‑Frontend Architecture for a Supply‑Chain System Using Single‑SPA

JD Tech

Jun 21, 2023 · Frontend Development

Micro Frontend: Research, Introduction, Capabilities, Core Concepts, Platform Selection, Implementation, and Summary

This article explains the concept of micro frontends, outlines a four‑step adoption process, compares architectural options, describes core capabilities and platforms such as single‑spa, qiankun and micro‑app, and shares practical implementation tips and common pitfalls for large‑scale projects.

JavaScriptcode-splittingfrontend architecture

0 likes · 15 min read

Micro Frontend: Research, Introduction, Capabilities, Core Concepts, Platform Selection, Implementation, and Summary

JD Retail Technology

May 5, 2023 · Frontend Development

Micro Frontend Architecture: Research, Design, and Implementation Guide

This article explains the concept of micro frontends, outlines a systematic research and design process, compares architectural options, and provides detailed implementation steps with code examples using frameworks like single-spa, qiankun, and micro‑app to build scalable, maintainable large‑scale projects.

code-splittingfrontend architecturemicro-app

0 likes · 12 min read

Micro Frontend Architecture: Research, Design, and Implementation Guide

NetEase Media Technology Team

Mar 13, 2023 · Frontend Development

Progressive Upgrade Practice Based on Qiankun Micro-frontend Framework

The article details how a legacy Gulp‑AngularJS project with over 70 modules was progressively upgraded by introducing a new Angular 11 main application and using the qiankun micro‑frontend framework to host the old AngularJS code as a sub‑app, enabling route‑based mounting, menu sharing, CSS isolation, and low‑risk incremental migration.

AngularJs migrationfrontend architecturemicro-frontend

0 likes · 10 min read

Progressive Upgrade Practice Based on Qiankun Micro-frontend Framework

Dada Group Technology

Apr 29, 2022 · Frontend Development

Micro‑Frontend Architecture for Dada Express Operation System: Challenges and Solution

The Dada Express operation system, originally a monolithic front‑end composed of rapidly growing sub‑systems, suffered from queued deployments, inability to roll back, and slow builds, leading to a micro‑frontend redesign using single‑spa, import‑maps, and SystemJS to isolate, version, and accelerate development without sacrificing user experience.

frontend architectureimport-mapsisolation

0 likes · 16 min read

Micro‑Frontend Architecture for Dada Express Operation System: Challenges and Solution

TAL Education Technology

Mar 17, 2022 · Frontend Development

Understanding single-spa: Core Principles, Lifecycle Management, and Integration with qiankun

This article examines the single-spa micro‑frontend framework, explains its core mechanisms such as registerApplication, reroute, and lifecycle handling, demonstrates how it powers the qiankun solution, and provides practical code examples for integrating various front‑end stacks.

JavaScriptLifecycleRouting

0 likes · 14 min read

Understanding single-spa: Core Principles, Lifecycle Management, and Integration with qiankun

Tencent Cloud Developer

Feb 23, 2022 · Frontend Development

Micro-Frontend Architecture: Theory, Implementation, and Practice

Micro‑frontend architecture breaks a monolithic web app into independent, stack‑agnostic sub‑applications that can be developed, deployed, and maintained separately, using techniques such as server‑side or runtime integration and tools like single‑spa, qiankun, or Webpack 5 Module Federation, with qiankun favored for production.

JavaScript frameworkWeb Developmentfrontend architecture

0 likes · 28 min read

Micro-Frontend Architecture: Theory, Implementation, and Practice

Kuaishou Tech

Dec 31, 2021 · Frontend Development

Design Considerations and Challenges in Micro‑Frontend Architecture

This article examines the practical design choices, sandbox limitations, preloading strategies, release handling, nested applications, cross‑app navigation, keep‑alive usage, shared dependencies, conflict detection, joint development, and progressive evolution of micro‑frontend solutions, offering insights and future directions.

Conflict DetectionPreloadSandbox

0 likes · 20 min read

Design Considerations and Challenges in Micro‑Frontend Architecture

Kuaishou Tech

Dec 30, 2021 · Frontend Development

Micro‑Frontend Design and Loading Strategies: From Monolithic Workbench to Single‑spa

This article analyzes the challenges of monolithic admin workbenches, explains how micro‑frontend architecture—especially the single‑spa library—addresses routing, state‑machine coordination, resource loading, and lifecycle management, and compares practical loader implementations using Ajax and tag‑based approaches for production environments.

State Machinefrontend architectureloader design

0 likes · 17 min read

Micro‑Frontend Design and Loading Strategies: From Monolithic Workbench to Single‑spa

Xueersi Online School Tech Team

Nov 19, 2021 · Frontend Development

Introduction, Architecture, and Practical Usage of the qiankun Micro‑Frontend Framework

This article provides a comprehensive overview of the qiankun micro‑frontend framework—including its background, core concepts of micro‑frontends, comparison with other solutions, detailed configuration examples for host and child applications, implementation details such as sandbox mechanisms, common pitfalls, and the overall impact on development efficiency and project complexity.

SandboxVuecode-splitting

0 likes · 24 min read

Introduction, Architecture, and Practical Usage of the qiankun Micro‑Frontend Framework

vivo Internet Technology

Jul 15, 2020 · Frontend Development

Micro Frontends: Concepts, Scenarios, and Implementation with single-spa and qiankun

The article explains micro‑frontend concepts, why large apps are split into independent modules, critiques iframe drawbacks, details single‑spa’s resource loader and configuration approach with code examples, outlines its limitations, and shows how qiankun builds on single‑spa to automate resource discovery, sandboxing, and style isolation, concluding that micro‑frontends are a valuable strategy for large‑scale front‑end projects.

JavaScriptVue.jsfrontend architecture

0 likes · 14 min read

Micro Frontends: Concepts, Scenarios, and Implementation with single-spa and qiankun

Didi Tech

May 27, 2020 · Frontend Development

Micro Frontends: Evolution, Architecture, and Implementation in Car Service Platform

The article traces the rise of micro‑frontends from a solution to monolithic admin panels, explains their architectural benefits and various implementation options, and details Xiaoju Car Service’s Midway platform built on single‑spa with lifecycle hooks, sandboxing, idle‑time preloading, IndexedDB caching, and a unified login system.

JS SandboxPreloadingWeb Components

0 likes · 17 min read

Micro Frontends: Evolution, Architecture, and Implementation in Car Service Platform

TAL Education Technology

Feb 21, 2020 · Frontend Development

Micro Frontend Architecture: Concepts, Benefits, and Practical Implementation Guide

This article explains the background, core concepts, advantages, and various implementation approaches of micro frontends, and provides a step‑by‑step guide—including project setup, configuration, communication, and optimization—using Vue, single‑spa, and related tools.

Vuefrontend architectureiframe

0 likes · 11 min read

Micro Frontend Architecture: Concepts, Benefits, and Practical Implementation Guide

AntTech

Aug 26, 2019 · Frontend Development

Micro Frontends: Value, Architecture, and Practical Implementation with Single‑spa and Qiankun

This article explains the benefits of micro‑frontend architecture for large‑scale backend applications, compares MPA and SPA approaches, discusses routing, entry formats, module loading, style and JavaScript isolation techniques, and presents a production‑ready solution built with single‑spa and the open‑source qiankun framework.

frontend architecturejavascript sandboxmicro frontends

0 likes · 15 min read

Micro Frontends: Value, Architecture, and Practical Implementation with Single‑spa and Qiankun