BestHub
Sign in
Tagged articles

micro‑frontend

116 articles · Page 2 of 2
Fulu Network R&D Team
Fulu Network R&D Team
Jun 8, 2020 · Frontend Development

Design and Implementation of a Micro‑Frontend Architecture for Internal Systems

This article presents a comprehensive technical study on adopting micro‑frontend architecture to solve version‑dependency, resource‑size, and navigation‑performance issues in a large internal system suite, detailing background analysis, solution research, layered architecture design, key technical challenges, custom webpack plugins, build workflow, and remaining open problems.

Frontend Architecturemicro‑frontendresource management
0 likes · 14 min read
Design and Implementation of a Micro‑Frontend Architecture for Internal Systems
Alibaba Cloud Developer
Alibaba Cloud Developer
May 18, 2020 · Frontend Development

Mastering Micro‑Frontend Sandboxing with Alibaba Cloud’s Browser‑VM

This article explains how Alibaba Cloud’s ConsoleOS implements a JavaScript and CSS sandbox for micro‑frontend applications, covering the underlying principles, code examples, native object simulation via iframes, CSS isolation techniques, and integration tips for other micro‑frontend frameworks.

JavaScriptbrowser vmcss isolation
0 likes · 12 min read
Mastering Micro‑Frontend Sandboxing with Alibaba Cloud’s Browser‑VM
Alibaba Terminal Technology
Alibaba Terminal Technology
May 16, 2020 · Frontend Development

How DataWorks Scaled Its IDE with Micro‑Frontend and Plugin Architecture

This article examines the technical evolution of Alibaba's DataWorks platform, detailing the pain points of a monolithic IDE, the transition through componentization, and the adoption of micro‑frontend and plugin architectures to achieve flexible, scalable, and maintainable big‑data development tooling.

Big Data PlatformFrontend ArchitectureIDE
0 likes · 29 min read
How DataWorks Scaled Its IDE with Micro‑Frontend and Plugin Architecture
Alibaba Cloud Developer
Alibaba Cloud Developer
Apr 24, 2020 · Frontend Development

How to Build and Maintain a Scalable Component Library for Micro‑Frontend Projects

This article explores the challenges of component maintenance in micro‑frontend architectures, compares different component types, and presents a practical CLI tool that automates scaffolding, testing, documentation, and publishing to streamline the creation of a reusable, well‑documented component library.

AutomationCLIDocumentation
0 likes · 17 min read
How to Build and Maintain a Scalable Component Library for Micro‑Frontend Projects
vivo Internet Technology
vivo Internet Technology
Mar 4, 2020 · Frontend Development

Wukong Activity Middle Platform: Micro-Frontend Architecture and Implementation for Marketing Activities

Vivo’s Wukong Activity Middle Platform employs a micro‑frontend RSC architecture to streamline marketing H5 development by providing reusable components, template and task marketplaces, real‑time cloud configuration, asset libraries, and PaaS developer tools—including a VSCode plugin—reducing release cycles, resource waste, data silos, and security risks across 30+ business units.

Frontend ArchitectureRSCVue.js
0 likes · 18 min read
Wukong Activity Middle Platform: Micro-Frontend Architecture and Implementation for Marketing Activities
Qunar Tech Salon
Qunar Tech Salon
Feb 28, 2020 · Frontend Development

Bifrost: Meituan’s Vue‑Based Micro‑Frontend Framework for Scalable Enterprise Front‑End Development

The article introduces Bifrost, Meituan’s Vue‑based micro‑frontend framework, detailing its background, design goals, architecture, implementation code, development practices, deployment workflow, and the benefits and challenges of adopting micro‑frontend architecture in large‑scale enterprise front‑end projects.

BifrostFrontend ArchitectureModule Federation
0 likes · 20 min read
Bifrost: Meituan’s Vue‑Based Micro‑Frontend Framework for Scalable Enterprise Front‑End Development
Meituan Technology Team
Meituan Technology Team
Feb 27, 2020 · Frontend Development

Micro‑Frontend Implementation in Meituan Waimai Advertising Platform

Meituan Waimai’s advertising team tackled duplicated business logic and slow builds across PC, H5, and KA by merging code into a monorepo and adopting a React‑based central‑router micro‑frontend architecture, where a host app dynamically loads sub‑apps with independent routing, stores, CSS, and hot‑module replacement, achieving modularization, faster builds, and isolated deployment.

Frontend ArchitectureReActdeployment
0 likes · 24 min read
Micro‑Frontend Implementation in Meituan Waimai Advertising Platform
iQIYI Technical Product Team
iQIYI Technical Product Team
Feb 14, 2020 · Frontend Development

Micro‑Frontend Architecture and Implementation Practices Based on Vue

The iQIYI front‑end team built a Vue‑based micro‑frontend framework where a lightweight container supplies shared Vue, router and store globals, dynamically loads each module’s manifest‑listed scripts, merges their routes, and renders them via global functions, yielding a decoupled, maintainable, and extensible application architecture.

Frontend ArchitectureModule Federationcontainer application
0 likes · 13 min read
Micro‑Frontend Architecture and Implementation Practices Based on Vue
Alibaba Cloud Developer
Alibaba Cloud Developer
Dec 30, 2019 · Frontend Development

Why Micro‑Frontends Are the Future of Scalable Web Apps

This article explains how micro‑frontend architecture tackles the maintainability challenges of monolithic front‑ends, outlines its three core business values, details ten technical problems it must solve, and shows the essential infrastructure, configuration, and observability components needed for cloud‑era web development.

Cloud ComputingFrontend ArchitectureWeb Development
0 likes · 8 min read
Why Micro‑Frontends Are the Future of Scalable Web Apps
Meituan Technology Team
Meituan Technology Team
Dec 26, 2019 · Frontend Development

Bifrost: Meituan's Micro‑Frontend Framework for Scalable Front‑End Development

Meituan's R&D built Bifrost, a micro‑frontend framework that splits a monolithic Vue SPA into independent sub‑systems, letting remote teams develop, deploy, and integrate modules while preserving a seamless SPA experience; the host manages lifecycle, routing, shared state, CDN delivery, gray releases, and monitoring, greatly improving scalability and maintainability.

BifrostFrontend ArchitectureVue
0 likes · 20 min read
Bifrost: Meituan's Micro‑Frontend Framework for Scalable Front‑End Development
Yanxuan Tech Team
Yanxuan Tech Team
Dec 23, 2019 · Frontend Development

How NetEase Yanxuan Scales Front‑End Development with Enterprise‑Grade Micro‑Frontend Architecture

This article details NetEase Yanxuan's enterprise micro‑frontend solution, covering its architectural design, isolation techniques, communication mechanisms, configuration center, and the concrete business benefits such as breaking down giant monoliths, improving module reuse, and streamlining multi‑team collaboration.

JavaScriptapplication isolationenterprise
0 likes · 23 min read
How NetEase Yanxuan Scales Front‑End Development with Enterprise‑Grade Micro‑Frontend Architecture
AntTech
AntTech
Jul 17, 2019 · Frontend Development

Ant Financial Frontend Framework and Engineering Practices: Evolution, Architecture, and Future Directions

The article summarizes Chen Cheng's 2019 InfoQ talk on Ant Financial's frontend framework evolution—from early Sea.JS and Arale to Umi and Bigfish—detailing the merged architecture, plugin system, asset market, micro‑frontend strategy, routing, performance optimizations, testing, monitoring, and future plans.

BigfishEngineeringFrontend
0 likes · 20 min read
Ant Financial Frontend Framework and Engineering Practices: Evolution, Architecture, and Future Directions
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Apr 13, 2019 · Frontend Development

Simplify Insurance Order Sales with Micro‑Frontends: Reduce Complexity

By applying micro‑frontend principles and DDD‑based microservice design, the article explains how insurance companies can build modular, reusable front‑end components that integrate with backend middle‑platform services, thereby lowering integration complexity, improving scalability, and enabling unified, cross‑product order sales across multiple channels.

DDDFrontend IntegrationInsurance
0 likes · 22 min read
Simplify Insurance Order Sales with Micro‑Frontends: Reduce Complexity
Qunar Tech Salon
Qunar Tech Salon
Sep 13, 2018 · Frontend Development

Micro‑Frontend Architecture for Building a Class‑Single‑Page HR Application at Meituan

The article describes how Meituan applied the micro‑frontend concept to transform its HR system into a class‑single‑page application, detailing the shortcomings of iframe integration, the design of a portal project, application registration, routing, CSS scoping, JavaScript library version control, and the build‑and‑deployment workflow.

Frontend ArchitectureHR systemmicro‑frontend
0 likes · 14 min read
Micro‑Frontend Architecture for Building a Class‑Single‑Page HR Application at Meituan
Meituan Technology Team
Meituan Technology Team
Sep 6, 2018 · Frontend Development

Micro‑Frontend Architecture for Meituan HR System

Meituan’s HR platform adopts a micro‑frontend architecture where a central Portal container registers isolated sub‑projects via a global route array, namespaces CSS, unifies shared libraries through a custom require system, and deploys static assets with PM2, delivering a single‑page experience, independent releases, and minimal bundle overhead.

Frontend ArchitectureHR systemReAct
0 likes · 15 min read
Micro‑Frontend Architecture for Meituan HR System