BestHub
Sign in
Tagged articles
15 articles
Page 1 of 1
Beijing SF i-TECH City Technology Team
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.

Frontend ArchitectureReduxmicro-frontend
0 likes · 13 min read
Micro‑Frontend Architecture for a Supply‑Chain System Using Single‑SPA
JD Tech
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.

Code SplittingFrontend Architecturemicro-app
0 likes · 15 min read
Micro Frontend: Research, Introduction, Capabilities, Core Concepts, Platform Selection, Implementation, and Summary
JD Retail Technology
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
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
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
Tencent Cloud Developer
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.

Frontend ArchitectureJavaScript frameworkModule Federation
0 likes · 28 min read
Micro-Frontend Architecture: Theory, Implementation, and Practice
Kuaishou Tech
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.

Keep-Aliveconflict detectionmicro-frontend
0 likes · 20 min read
Design Considerations and Challenges in Micro‑Frontend Architecture
Kuaishou Tech
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.

Frontend Architectureloader designmicro-frontend
0 likes · 17 min read
Micro‑Frontend Design and Loading Strategies: From Monolithic Workbench to Single‑spa
Xueersi Online School Tech Team
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.

Code SplittingFrontend ArchitectureVue
0 likes · 24 min read
Introduction, Architecture, and Practical Usage of the qiankun Micro‑Frontend Framework
vivo Internet Technology
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.

Frontend ArchitectureMicro FrontendsVue.js
0 likes · 14 min read
Micro Frontends: Concepts, Scenarios, and Implementation with single-spa and qiankun
Didi Tech
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.

Frontend ArchitectureJS SandboxMicro Frontends
0 likes · 17 min read
Micro Frontends: Evolution, Architecture, and Implementation in Car Service Platform
Miss Fresh Tech Team
Miss Fresh Tech Team
Feb 11, 2020 · Frontend Development

How We Scaled a Vue-Based Supply Chain Platform with Micro‑Frontends and Single‑Spa

This article details how a Vue‑based supply‑chain platform adopted micro‑frontend architecture with Single‑Spa, SystemJS, and webpack externals to consolidate dozens of independent B2B applications into a single, fast, reload‑free interface, outlining the technical steps, benefits, and trade‑offs.

Frontend ArchitectureMicro Frontendssingle-spa
0 likes · 15 min read
How We Scaled a Vue-Based Supply Chain Platform with Micro‑Frontends and Single‑Spa
AntTech
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 ArchitectureMicro Frontendsjavascript sandbox
0 likes · 15 min read
Micro Frontends: Value, Architecture, and Practical Implementation with Single‑spa and Qiankun