Tagged articles
101 articles
Page 1 of 2
Alipay Experience Technology
Alipay Experience Technology
Jan 6, 2026 · Backend Development

How Alipay Cut App Size by 47M and Pre‑install Package by 127M with Componentization

Alipay tackled exploding bundle sizes, code‑reuse pain, and architectural complexity by redesigning its engineering stack into a standardized, plug‑in component system that reduced the main app by 47 MB, the pre‑install package by 127 MB, and cut baseline‑sync modifications from dozens to single‑digit numbers.

AndroidComponentizationSoftware Architecture
0 likes · 23 min read
How Alipay Cut App Size by 47M and Pre‑install Package by 127M with Componentization
DeWu Technology
DeWu Technology
Jun 12, 2025 · Backend Development

How Componentized Architecture Transforms Activity Systems: From OOP to Rule Engines

This article explores how DeWu's community activity platform evolved from ad‑hoc implementations to a componentized, event‑driven backend using OOP principles, modular design, rule engines, and observer‑hook mechanisms, while also outlining future AI‑driven optimizations and system‑wide standardization.

Backend ArchitectureComponentizationEvent-driven
0 likes · 20 min read
How Componentized Architecture Transforms Activity Systems: From OOP to Rule Engines
DaTaobao Tech
DaTaobao Tech
Jan 13, 2025 · User Experience Design

How We Streamlined Taobao’s Marketing Venues: A Design Overhaul for 2025

The article details a three‑phase redesign of Taobao’s marketing venues—convergence to simplify content, unification to ensure consistent experience, and efficiency to accelerate iteration—covering design principles, componentization, navigation overhaul, dynamic headers, and visual diversity that together improve user comprehension and conversion during major sales events.

ComponentizationMarketing OptimizationProduct Design
0 likes · 7 min read
How We Streamlined Taobao’s Marketing Venues: A Design Overhaul for 2025
Bilibili Tech
Bilibili Tech
Oct 17, 2023 · Artificial Intelligence

Design and Implementation of Bilibili Video Template System

The Bilibili video template system combines theme‑based editing, a layered architecture, and a cross‑platform Protobuf protocol to enable PGC and UGC creators to produce, review, distribute, and consume richly‑featured videos with standardized media formats, modular plugins, AI integration, and robust quality assurance.

AI integrationComponentizationProtobuf
0 likes · 20 min read
Design and Implementation of Bilibili Video Template System
JD Retail Technology
JD Retail Technology
Aug 8, 2023 · Mobile Development

Componentization Architecture for Large-Scale Mobile Apps: Principles, Challenges, and Best Practices

This article examines componentization as a project architecture for medium to large mobile applications, outlining its motivations, common challenges, design principles, component granularity, dependency management, communication methods, quality assurance practices, and the trade‑offs involved in adopting a component‑based approach.

ComponentizationMobilearchitecture
0 likes · 29 min read
Componentization Architecture for Large-Scale Mobile Apps: Principles, Challenges, and Best Practices
JD Cloud Developers
JD Cloud Developers
Jul 18, 2023 · Mobile Development

Why Componentization Is Essential for Scalable Mobile Apps

This article explores the motivations, benefits, challenges, and practical guidelines for adopting a component‑based architecture in medium‑to‑large mobile applications, covering topics such as modular granularity, dependency management, communication patterns, version compatibility, quality assurance, and the trade‑offs of componentization versus monolithic projects.

CI quality checksComponentizationVersion Compatibility
0 likes · 31 min read
Why Componentization Is Essential for Scalable Mobile Apps
Alipay Experience Technology
Alipay Experience Technology
Feb 16, 2023 · Frontend Development

How Ant Insurance Scaled Low‑Code Front‑End Development for Complex Insurance Products

This article recounts a former Ant Group front‑end engineer's year‑long journey building a low‑code platform for Ant Insurance, detailing challenges of high‑complexity insurance scenarios, platform design decisions, component‑based architecture, real‑world experiments, and lessons learned for future low‑code adoption.

ComponentizationDevelopmentInsurance
0 likes · 22 min read
How Ant Insurance Scaled Low‑Code Front‑End Development for Complex Insurance Products
Tencent Cloud Developer
Tencent Cloud Developer
Jan 18, 2023 · Mobile Development

Enterprise WeChat iOS Architecture Transformation: Componentization and Plugin Integration Practices

To overcome massive build times, bloated Xcode projects, and tight coupling in its 8‑million‑line iOS codebase, Enterprise WeChat re‑architected the app into four layered, C++‑based common layers and Objective‑C UI components, introducing a Component Management Center, AST‑driven dependency analysis, and a plugin‑friendly shell framework for modular feature integration.

Clang ASTComponentizationEnterprise WeChat
0 likes · 17 min read
Enterprise WeChat iOS Architecture Transformation: Componentization and Plugin Integration Practices
NetEase Yanxuan Technology Product Team
NetEase Yanxuan Technology Product Team
Nov 21, 2022 · Mobile Development

How NetEase Yanxuan Solved Android Componentization Challenges and Boosted Development Efficiency

This article details NetEase Yanxuan's Android team transition to a component‑based architecture, identifies inherent problems such as version control, quality assurance, semantic versioning and binary compatibility, and presents the YAC engineering solution—including standardized processes, Gradle plugins, CI/CD pipelines, and tooling—to streamline component development and improve productivity.

AndroidComponentizationGradle
0 likes · 17 min read
How NetEase Yanxuan Solved Android Componentization Challenges and Boosted Development Efficiency
Sohu Tech Products
Sohu Tech Products
Nov 17, 2022 · Mobile Development

Exploring iOS Componentization

This article introduces iOS componentization using CocoaPods, detailing the drawbacks of manual code copying, explaining the creation of local podspec libraries, configuring source files, resources, access levels, and integration steps, while also covering sub‑specs, resource bundles, and practical code examples for Swift projects.

CocoaPodsComponentizationSwift
0 likes · 26 min read
Exploring iOS Componentization
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 11, 2022 · Mobile Development

Advanced Android Componentization: Component Splitting, Multi‑UI Strategies, KV Storage, and Routing Best Practices

This article explains how to split Android components based on business functionality, handle strong and weak component dependencies, configure multiple UI themes, manage key‑value storage safely with MMKV‑KTX, and use routing frameworks judiciously to keep modular apps maintainable and scalable.

AndroidComponentizationKV storage
0 likes · 22 min read
Advanced Android Componentization: Component Splitting, Multi‑UI Strategies, KV Storage, and Routing Best Practices
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 11, 2022 · Mobile Development

Practical Guide to Android Componentization and Modular Development

This article explains why monolithic Android projects suffer from long compile times, high coupling, and merge conflicts, and demonstrates how componentization—using a four‑layer architecture, unified Gradle dependencies, plugin switching, code isolation, ARouter routing, decentralized APIs, and AndroidX App Startup initialization—can solve these problems with concrete Kotlin and XML examples.

ARouterAndroidComponentization
0 likes · 21 min read
Practical Guide to Android Componentization and Modular Development
Huolala Tech
Huolala Tech
Nov 9, 2022 · Mobile Development

Transforming Huolala iOS: Componentized Architecture & Efficient Pod Management

This report details how the Huolala freight iOS client was re‑architected through componentization, systematic pod version control, a new routing framework, and a multi‑repo strategy, resulting in higher development efficiency, reduced version conflicts, and more stable, scalable codebases.

ComponentizationiOSpod management
0 likes · 18 min read
Transforming Huolala iOS: Componentized Architecture & Efficient Pod Management
Bilibili Tech
Bilibili Tech
Oct 14, 2022 · Mobile Development

Componentization and Modular Architecture Refactoring for a Mobile Video Editing App (B‑Cut)

The B‑Cut video‑editing app was transformed from a monolithic single‑project codebase into a component‑based modular architecture—introducing clear layers, Gradle‑driven unified configuration, independent library/application modules, strict dependency and resource conventions, and a fast‑compile system—thereby cutting build times, eliminating merge conflicts, and enabling reusable components across teams.

AndroidBuild OptimizationComponentization
0 likes · 36 min read
Componentization and Modular Architecture Refactoring for a Mobile Video Editing App (B‑Cut)
58 Tech
58 Tech
Sep 27, 2022 · Mobile Development

Startup Optimization Practices for 58.com App

This article details the systematic analysis and optimization of the 58.com Android app’s startup process, covering profiling, componentized task framework, delayed initialization, merging launch and home activities, layout improvements, monitoring tools, and results that achieved roughly a 50% reduction in cold‑start time.

AndroidComponentizationDelay Initialization
0 likes · 20 min read
Startup Optimization Practices for 58.com App
Ctrip Technology
Ctrip Technology
Sep 8, 2022 · Mobile Development

Optimizing iOS Componentized Development: Binary Debugging, Clipboard Integration, and Build Process Improvements

This article details how the CTrip iOS team streamlined componentized development by introducing binary debugging, automating source‑code linking, solving M1 simulator clipboard issues, and building a visual ZTPodTool that reduces pod install time and accelerates test‑package generation.

AutomationBinary DebuggingBuild Optimization
0 likes · 17 min read
Optimizing iOS Componentized Development: Binary Debugging, Clipboard Integration, and Build Process Improvements
DaTaobao Tech
DaTaobao Tech
Aug 2, 2022 · Frontend Development

Componentization in the QianNiu PC Cross‑Platform Framework

The QianNiu PC cross‑platform framework adopts a COM‑style component architecture—defining interfaces, implementations, and MVP‑based UI modules, with automated code generation and lifecycle management—to achieve consistent Windows/macOS features, improve extensibility and reusability, lower development cost, and boost maintainability and efficiency.

CComponentizationFramework
0 likes · 17 min read
Componentization in the QianNiu PC Cross‑Platform Framework
DeWu Technology
DeWu Technology
Apr 22, 2022 · Mobile Development

Componentization of Live Streaming App Architecture

To combat rapid iteration‑induced code bloat and tangled dependencies in live‑streaming apps, the article proposes a lightweight component architecture centered on an IComponent lifecycle, dynamic registration via IComponentRegister, nested components, LiveData communication, and ViewStub‑based on‑demand loading, delivering unified style, better readability, maintainability, and performance.

Android DevelopmentComponentizationlifecycle management
0 likes · 19 min read
Componentization of Live Streaming App Architecture
JD Retail Technology
JD Retail Technology
Apr 11, 2022 · Frontend Development

Low‑Impact Migration of Legacy Velocity Templates to a Modern Frontend Architecture

This article outlines a four‑step, low‑impact migration strategy that transforms legacy Java‑based Velocity template systems into a hybrid Velocity + MVC + MVVC architecture, introduces single‑file componentization, builds a local sandbox with hot‑module replacement, and ultimately achieves full frontend‑backend separation using Vue.

ComponentizationLegacy MigrationVue
0 likes · 8 min read
Low‑Impact Migration of Legacy Velocity Templates to a Modern Frontend Architecture
JD Tech
JD Tech
Mar 22, 2022 · Frontend Development

Understanding Frontend Componentization: Principles, Practices, and Challenges

This article systematically explores frontend componentization, covering its motivations, definitions, design principles, component types, implementation strategies, code examples, and the challenges faced during adoption, aiming to help developers achieve higher cohesion, lower coupling, and improved maintainability in web projects.

ComponentizationUI componentsWeb Development
0 likes · 19 min read
Understanding Frontend Componentization: Principles, Practices, and Challenges
JD Retail Technology
JD Retail Technology
Jan 17, 2022 · Mobile Development

Componentization of JD.com App for HarmonyOS: Architecture, Challenges, and Implementation

This article details the evolution of JD.com’s HarmonyOS app from a monolithic project to a modular componentized architecture, describing the existing structure, encountered build and resource issues, the Android plugin reference solution, the proposed HarmonyOS componentization scheme, implementation steps, and release packaging.

Build AutomationComponentizationGradle
0 likes · 18 min read
Componentization of JD.com App for HarmonyOS: Architecture, Challenges, and Implementation
DeWu Technology
DeWu Technology
Dec 22, 2021 · Mobile Development

AirForce Component Management and Release Platform Overview

AirForce is a platform that centralizes Android component management and release processes by enforcing layered dependencies, tracking baselines with public and private states, detecting conflicts via component version numbers, automating build and packaging through a plugin that validates API changes, and notifying stakeholders, thereby improving stability and efficiency.

AndroidBaseline ManagementComponentization
0 likes · 11 min read
AirForce Component Management and Release Platform Overview
Sohu Tech Products
Sohu Tech Products
Dec 8, 2021 · Mobile Development

Understanding Android App Routing: Concepts, Requirements, and Implementation

This article explains the concept of routing in Android applications, discusses why third‑party routing frameworks are often needed for large, componentized apps, outlines the essential features of a routing framework, and details the implementation techniques such as annotation processing, AOP injection, and service routing with concrete code examples.

ARouterAndroidAnnotation Processing
0 likes · 14 min read
Understanding Android App Routing: Concepts, Requirements, and Implementation
ByteDance Terminal Technology
ByteDance Terminal Technology
Oct 20, 2021 · Industry Insights

How ByteDance’s Terminal Tech Team Boosts Platform and Mid‑Platform Development Efficiency

The article examines ByteDance’s terminal technology team, outlining current front‑end trends, the challenges of complex processes, component chaos, and massive architecture, and presents their veMARS solutions for DevOps, component management, and application frameworks to improve platform development efficiency.

ByteDanceComponentizationDevOps
0 likes · 5 min read
How ByteDance’s Terminal Tech Team Boosts Platform and Mid‑Platform Development Efficiency
Baidu Intelligent Testing
Baidu Intelligent Testing
Oct 14, 2021 · Frontend Development

Lowcode, Micro‑Frontend, and the Future of Front‑End Frameworks

This article analyses the rise of lowcode and micro‑frontend approaches, examines their current challenges and use‑cases, and proposes a next‑generation, highly engineered front‑end framework that leverages JSON‑driven configuration to balance developer productivity with platform flexibility.

ComponentizationFront-end frameworksJSON configuration
0 likes · 11 min read
Lowcode, Micro‑Frontend, and the Future of Front‑End Frameworks
TikTok Frontend Technology Team
TikTok Frontend Technology Team
Oct 9, 2021 · Frontend Development

Frontend Engineering Practices: Componentization, Modularization, and Build Optimization

The article outlines the Douyin front‑end team's engineering philosophy, covering the need for modularization of HTML, CSS, and JavaScript, component systems, dependency handling, build tools, loaders, and performance‑focused tooling to improve development efficiency and browser runtime speed.

ComponentizationEngineeringbuild
0 likes · 9 min read
Frontend Engineering Practices: Componentization, Modularization, and Build Optimization
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 26, 2021 · Frontend Development

Understanding Update Granularity in Major Frontend Frameworks: Svelte, React, and Vue

This article explains the component‑based architecture of modern frontend frameworks, compares their three update granularities—node‑level, component‑level, and application‑level—and illustrates the differences with Svelte, React, and Vue, while also including a brief job‑seeking note from the author.

ComponentizationReactSvelte
0 likes · 9 min read
Understanding Update Granularity in Major Frontend Frameworks: Svelte, React, and Vue
Sohu Tech Products
Sohu Tech Products
Jun 23, 2021 · Mobile Development

Android Componentization: Architecture, Implementation, and Best Practices

This article explains why large Android projects need componentization, describes the concepts of modularization and componentization, presents a detailed component architecture, and provides step‑by‑step solutions for independent debugging, routing, inter‑component communication, fragment retrieval, application lifecycle distribution, and migration of legacy projects, complete with Gradle and ARouter code examples.

ARouterAndroidComponentization
0 likes · 32 min read
Android Componentization: Architecture, Implementation, and Best Practices
IT Architects Alliance
IT Architects Alliance
Apr 25, 2021 · Frontend Development

How Baidu Revamped Its Search Front‑End Architecture: Lessons for Modern Web Development

This article analyses the evolution of Baidu's search result page front‑end architecture, identifies scalability, coupling, and technology‑stack problems, and presents a three‑layer strategy—foundation, modular middle layer, and componentized top layer—along with concrete implementation steps such as TypeScript adoption, service‑oriented modules, dependency‑injection containers, and SSR performance optimizations.

ComponentizationSSRTypeScript
0 likes · 14 min read
How Baidu Revamped Its Search Front‑End Architecture: Lessons for Modern Web Development
IT Architects Alliance
IT Architects Alliance
Apr 3, 2021 · Frontend Development

How Baidu Re‑engineered Its Mobile Search Front‑End Architecture for Scale

This article analyzes Baidu's mobile search front‑end architecture evolution, identifying scalability and maintainability challenges, outlining a three‑layer redesign strategy, and detailing concrete modularization, componentization, and SSR techniques that other large‑scale web teams can apply.

BaiduComponentizationFrontend Architecture
0 likes · 14 min read
How Baidu Re‑engineered Its Mobile Search Front‑End Architecture for Scale
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Apr 3, 2021 · Frontend Development

How Baidu Redesigned Its Mobile Search Front‑End Architecture for Scale and Performance

This article examines Baidu's mobile search front‑end architecture, identifies scalability and maintainability challenges such as massive codebases, unclear responsibilities, tight coupling and outdated tech stacks, and explains the three‑layer solution—foundation, modular middle layer, and componentization—along with implementation details, dependency injection, SSR adoption, and performance optimizations.

BaiduComponentizationFrontend Architecture
0 likes · 14 min read
How Baidu Redesigned Its Mobile Search Front‑End Architecture for Scale and Performance
Architecture Digest
Architecture Digest
Mar 28, 2021 · Frontend Development

Frontend Architecture Evolution: Lessons from Baidu Search Result Page

The article examines the evolution of front‑end architecture using Baidu's mobile search result page as a case study, outlining challenges such as massive codebases, coupling, and outdated tech stacks, and presenting a three‑layer solution involving foundation, modularization, and componentization with SSR optimization.

BaiduComponentizationSSR
0 likes · 13 min read
Frontend Architecture Evolution: Lessons from Baidu Search Result Page
21CTO
21CTO
Mar 25, 2021 · Frontend Development

How Baidu Revamped Its Mobile Search Front‑End Architecture for Scale and Performance

This article examines Baidu's mobile search front‑end architecture evolution, detailing the challenges of massive codebases, unclear responsibilities, and outdated tech stacks, and explains how a three‑layer modular design, dependency‑injection container, componentization with San, and optimized server‑side rendering were employed to improve scalability, maintainability, and page performance.

BaiduComponentizationFrontend Architecture
0 likes · 14 min read
How Baidu Revamped Its Mobile Search Front‑End Architecture for Scale and Performance
Architect
Architect
Mar 25, 2021 · Frontend Development

Front‑end Architecture Design: Lessons from Baidu Search Result Page

This article examines the evolution and challenges of large‑scale front‑end architecture, using Baidu's search result page as a case study to illustrate problems such as massive codebases, unclear responsibilities, and outdated tech stacks, and describes a three‑layer modular, component‑based solution with SSR and DI to improve maintainability and performance.

BaiduComponentizationSSR
0 likes · 13 min read
Front‑end Architecture Design: Lessons from Baidu Search Result Page
vivo Internet Technology
vivo Internet Technology
Mar 24, 2021 · Backend Development

Componentization vs Serviceization: Definitions, Pros & Cons, and Application Scenarios

The article defines componentization (shared JAR) and serviceization (independent service), compares their performance, cost, maintainability, and resource trade‑offs, outlines ideal use‑cases such as high‑throughput, no‑DB calls versus DB‑access or lower‑concurrency needs, and provides Vivo case studies to guide selection.

Backend ArchitectureComponentizationMicroservices
0 likes · 15 min read
Componentization vs Serviceization: Definitions, Pros & Cons, and Application Scenarios
NetEase Media Technology Team
NetEase Media Technology Team
Mar 8, 2021 · Mobile Development

Cut Android Build Times by Up to 90% Using Componentized Gradle and Remote Compilation

Facing sluggish Gradle builds for a large Android news app, the team applied componentized compilation, Artifactory caching, minimal compile mode, parameter tuning, and remote compilation via SSH, achieving up to 90% faster non‑incremental builds and 75% faster incremental builds while maintaining stability across the CI pipeline.

AndroidArtifactoryBuild Optimization
0 likes · 13 min read
Cut Android Build Times by Up to 90% Using Componentized Gradle and Remote Compilation
Baidu Geek Talk
Baidu Geek Talk
Mar 1, 2021 · Frontend Development

Frontend Architecture Design: Evolution and Solutions

The article examines the evolution and challenges of frontend architecture through Baidu’s mobile search case, identifies problems such as vague responsibilities, tight coupling, and legacy stacks, and proposes a three‑tier solution—infra, independent modules, and componentization—implemented via server‑client designs, a Molecule interface, DI container, SSR optimization, and cross‑platform strategies to enable flexible upgrades and business agility.

ComponentizationFrontend ArchitecturePerformance Optimization
0 likes · 12 min read
Frontend Architecture Design: Evolution and Solutions
21CTO
21CTO
Feb 9, 2021 · Frontend Development

Building an Efficient Frontend Component System: iQIYI Knowledge’s Approach

This article details how iQIYI Knowledge's web frontend team designed and implemented a comprehensive componentization strategy that improves code reuse, development efficiency, and maintainability across numerous independent projects while ensuring product consistency.

Component LibraryComponentizationSoftware Engineering
0 likes · 15 min read
Building an Efficient Frontend Component System: iQIYI Knowledge’s Approach
iQIYI Technical Product Team
iQIYI Technical Product Team
Jan 29, 2021 · Frontend Development

Efficient Front-End Componentization Practices at iQIYI Knowledge Web Team

The iQIYI Knowledge Web front‑end team built a developer‑oriented component library that splits UI and business logic into reusable basic and business Vue components, enforces clear input/output contracts, uses on‑demand loading and Storybook documentation, achieving high code reuse, maintainability, and consistent UI across independent projects while tackling bundle size and CI/CD challenges.

ComponentizationSoftware ArchitectureUI components
0 likes · 14 min read
Efficient Front-End Componentization Practices at iQIYI Knowledge Web Team
Sohu Tech Products
Sohu Tech Products
Jan 28, 2021 · Mobile Development

Android Componentization: Architecture, Independent Debugging, Routing, and Communication

This article explains how to transform a large Android project into a componentized architecture by modularizing code, configuring Gradle for independent debugging, using ARouter for page navigation and service communication, handling fragment instances, distributing Application lifecycle events, and migrating legacy projects.

ARouterComponentizationDependencyInjection
0 likes · 32 min read
Android Componentization: Architecture, Independent Debugging, Routing, and Communication
Baidu App Technology
Baidu App Technology
Jan 18, 2021 · Mobile Development

Baidu App Objective-C/Swift Mixed Programming Practice - Component Transformation and Interoperability

To enable Objective‑C and Swift mixed programming in Baidu App, static libraries are converted to static frameworks, module stability is activated, headers are module‑ized and dependencies declared via EasyBox, allowing safe inter‑component calls, proper nullability handling, and encouraging broader Swift adoption across the codebase.

Binary DistributionComponentizationFramework
0 likes · 17 min read
Baidu App Objective-C/Swift Mixed Programming Practice - Component Transformation and Interoperability
iQIYI Technical Product Team
iQIYI Technical Product Team
Nov 20, 2020 · Mobile Development

Componentization Architecture and Implementation for iQIYI Knowledge Mobile App

iQIYI Knowledge implemented a three‑layer componentization architecture—base, functional, and business components—combined with protocol‑based service registration, URL routing, and an automated build pipeline, enabling cross‑platform code reuse, independent testing, and faster integration while reducing coupling and maintenance overhead.

AndroidBuild SystemComponentization
0 likes · 14 min read
Componentization Architecture and Implementation for iQIYI Knowledge Mobile App
DeWu Technology
DeWu Technology
Nov 19, 2020 · Mobile Development

Evolution of Android Architecture at DeWu App

The DeWu Android team transformed a rapidly expanding, tightly‑coupled codebase into a modular, stable, and efficient architecture by introducing componentization, CI/CD pipelines, DevOps practices, and reusable services across three evolutionary stages, ultimately delivering business value through open‑source libraries, streamlined processes, and improved developer productivity.

AndroidComponentizationDevOps
0 likes · 8 min read
Evolution of Android Architecture at DeWu App
Youzan Coder
Youzan Coder
Aug 7, 2020 · Mobile Development

Refactoring the Youzan Mobile Order Module: Architecture Improvements and Historical Code Transformation

The Youzan mobile order module was refactored by separating UI views, turning the monolithic fragment into a ViewModel‑driven architecture, introducing a dynamic router for flexible navigation, and modularizing card components with independent view models, resulting in lower coupling, easier extensions, and a clear gray‑release strategy.

ComponentizationMobile Developmentarchitecture
0 likes · 10 min read
Refactoring the Youzan Mobile Order Module: Architecture Improvements and Historical Code Transformation
JD Retail Technology
JD Retail Technology
Jun 12, 2020 · Industry Insights

How JD Health’s Aries Platform Scales Internet Hospital Development

This article examines the policy-driven rise of internet hospitals in China, compares centralized and decentralized deployment models, and explains how JD Health’s component‑based Aries platform standardizes and accelerates the construction of customized hospital‑grade tele‑health systems.

ComponentizationInternet HospitalJD Health
0 likes · 13 min read
How JD Health’s Aries Platform Scales Internet Hospital Development
Youzan Coder
Youzan Coder
May 6, 2020 · Mobile Development

From Direct SDK Integration to AIDL: Evolving Android POS Integration Strategies

This article chronicles the step‑by‑step evolution of Android POS SDK integration at Youzan, from quick‑start direct SDK embedding, through componentized hardware abstraction, to slimmed‑down differential packaging, and finally to a clean AIDL‑based service‑APK architecture that reduces coupling, improves extensibility, and lowers maintenance overhead.

AIDLAndroidComponentization
0 likes · 14 min read
From Direct SDK Integration to AIDL: Evolving Android POS Integration Strategies
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 24, 2020 · Frontend Development

How Alibaba’s Front‑End Team Boosted Efficiency with Design‑to‑Code Automation

This article describes how Alibaba Cloud’s front‑end and marketing platform team tackled frequent urgent requests and front‑end bottlenecks by adopting component‑based development and intelligent Design‑to‑Code tools like imgcook, resulting in significant automation, reduced manual effort, and a scalable low‑code workflow.

AutomationComponentizationDSL
0 likes · 9 min read
How Alibaba’s Front‑End Team Boosted Efficiency with Design‑to‑Code Automation
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 18, 2020 · Frontend Development

How Tencent’s Online Education Front‑End Architecture Evolved: Lessons, Tools, and Future Trends

This article recounts Tencent Online Education’s front‑end journey—from unifying a chaotic tech stack and adopting component‑driven development to exploring dynamic app solutions, building a Node.js service middle‑platform, embracing serverless, and crafting internal tooling—to share practical insights for scaling front‑end teams.

ComponentizationToolingfrontend
0 likes · 21 min read
How Tencent’s Online Education Front‑End Architecture Evolved: Lessons, Tools, and Future Trends
JD Retail Technology
JD Retail Technology
Dec 27, 2019 · Backend Development

Insights into JD.com’s Core Transaction System: High Concurrency, Availability, and Componentization

The article summarizes Zhu Qingjie’s presentation on JD.com’s core transaction platform, highlighting its massive scale, stringent high‑concurrency and high‑availability requirements, architectural strategies such as system splitting, caching and componentization, and the use of an autonomous decision platform to ensure rapid, reliable e‑commerce operations.

Backend ArchitectureComponentizationJD.com
0 likes · 5 min read
Insights into JD.com’s Core Transaction System: High Concurrency, Availability, and Componentization
58 Tech
58 Tech
Dec 13, 2019 · Mobile Development

Refactoring the IM Module: Layered Architecture, Parallel Development and Business‑Line Splitting

This article describes the redesign of a large‑scale Android instant‑messaging (IM) module, detailing the shortcomings of the original architecture, the new three‑layer framework, the split‑converter for parallel business‑line development, component‑based UI design, and the design‑pattern techniques used to achieve a maintainable, extensible solution.

AndroidComponentizationDesign Patterns
0 likes · 16 min read
Refactoring the IM Module: Layered Architecture, Parallel Development and Business‑Line Splitting
Tencent Cloud Developer
Tencent Cloud Developer
Sep 6, 2019 · Frontend Development

Exploration and Practice of Frontend Engineering

The article examines modern frontend engineering by detailing its four‑stage lifecycle—development, testing, deployment, maintenance—and reviewing modularization of JavaScript and CSS, component‑based frameworks and Web Components, code and workflow standardization, automation tools, and a real‑world migration to ES6 modules, Rollup, CSS Modules, Jest, and CI pipelines.

CSS ModulesComponentizationJest
0 likes · 40 min read
Exploration and Practice of Frontend Engineering
Alibaba Cloud Developer
Alibaba Cloud Developer
Aug 13, 2019 · Mobile Development

How Alibaba Scales Mobile Taobao’s Homepage with Multi‑Version, Dynamic Components

This article explains how Alibaba’s Mobile Taobao homepage handles massive traffic and diverse user groups by using multi‑version isolation, component‑based architecture, dynamic layout updates, and a systematic flow‑operation loop, ultimately improving development efficiency and system stability for large‑scale e‑commerce.

ComponentizationFrontend ArchitectureMobile Development
0 likes · 15 min read
How Alibaba Scales Mobile Taobao’s Homepage with Multi‑Version, Dynamic Components
Meituan Technology Team
Meituan Technology Team
Aug 8, 2019 · Mobile Development

What is the zsource Command? Development, Implementation and Usage in Meituan’s iOS App

Meituan’s iOS team introduced the CocoaPods sub‑command zsource, which extracts source‑file paths embedded in binary components’ DWARF data and automatically fetches the corresponding code, letting developers instantly replace a binary with its source for fast, source‑level debugging without rebuilding the whole project.

Binary DebuggingCocoaPodsComponentization
0 likes · 11 min read
What is the zsource Command? Development, Implementation and Usage in Meituan’s iOS App
Amap Tech
Amap Tech
Jul 30, 2019 · Mobile Development

Case Study: Evolution of Gaode Map App Architecture – Dual‑End Fusion, Componentization, and R&D Platform

Gaode Map transformed its app architecture by fusing Android and iOS through C++ sinking, dynamic UI floating, and dual‑end alignment, introducing component‑based containers and a unified R&D middle‑platform, which turned a pseudo‑bus into a real bus, cutting build time, crash rate, and release cycles while enabling true parallel development and paving the way for a future feature‑team model.

App ArchitectureComponentizationMobile Development
0 likes · 7 min read
Case Study: Evolution of Gaode Map App Architecture – Dual‑End Fusion, Componentization, and R&D Platform
Baidu App Technology
Baidu App Technology
Jul 8, 2019 · R&D Management

Scaling Parallel Development: Baidu App’s Journey to Component‑Based Architecture

Facing massive codebases, hundreds of developers, and rapid release cycles, Baidu App adopted a multi‑stage componentization strategy—spanning compile isolation, library standardization, runtime distribution, service layers, and degradation control—to improve parallel development, reduce complexity, and boost build speed and quality.

Build OptimizationComponentizationParallel Development
0 likes · 18 min read
Scaling Parallel Development: Baidu App’s Journey to Component‑Based Architecture
JD Retail Technology
JD Retail Technology
Jun 20, 2019 · Big Data

JD.com’s 618 Technical Architecture: Componentization, Data Platform, and Elastic Computing at Massive Scale

The article details JD.com’s 618 shopping festival engineering, describing how componentized micro‑services, a unified data platform, and the Archimedes elastic scheduling system enabled billions of requests, real‑time data processing and seamless online‑offline integration without adding new server resources.

ComponentizationData PlatformMicroservices
0 likes · 8 min read
JD.com’s 618 Technical Architecture: Componentization, Data Platform, and Elastic Computing at Massive Scale
JD Retail Technology
JD Retail Technology
Jun 10, 2019 · Industry Insights

How JD.com’s Middle Platform Accelerates 618 Promo Preparation

JD.com’s R&D team transformed its 618 and 11.11 promotion preparation from a six‑month sprint to a one‑to‑two‑month process by building a unified middle platform that combines component‑based technology and data services, enabling rapid, scalable, and cost‑effective retail operations across multiple scenarios.

ComponentizationData PlatformJD.com
0 likes · 9 min read
How JD.com’s Middle Platform Accelerates 618 Promo Preparation
Ctrip Technology
Ctrip Technology
Apr 25, 2019 · Mobile Development

Android Componentization Architecture Practice in the Smart Train Ticket Project

This article describes how the Smart Train Ticket Android team adopted a componentization architecture—splitting base libraries and business modules, configuring independent and integrated builds, handling inter‑module communication, and solving manifest and multi‑flavor packaging challenges—to reduce coupling and dramatically improve build performance.

AndroidBuild OptimizationComponentization
0 likes · 12 min read
Android Componentization Architecture Practice in the Smart Train Ticket Project
Meituan Technology Team
Meituan Technology Team
Dec 20, 2018 · Mobile Development

Componentization and Modular Event Message Bus in Meituan Android Apps

Meituan transformed its monolithic cash‑register apps into a component‑based architecture using WMRouter as the routing foundation and built a strongly‑constrained modular‑event message bus—leveraging annotations, generated interfaces, and LiveData—to ensure type‑safe, module‑scoped communication, improve code reuse, reduce coupling, and simplify maintenance.

AndroidComponentizationLiveData
0 likes · 18 min read
Componentization and Modular Event Message Bus in Meituan Android Apps
Meituan Technology Team
Meituan Technology Team
Aug 23, 2018 · Mobile Development

WMRouter: An Android Routing Framework for Componentized Development

WMRouter is an open‑source Android routing framework, originating from Meituan Waimai, that provides flexible URI dispatch and a ServiceLoader inspired by Java SPI, enabling component‑based navigation, dynamic registration, interceptors, singleton management, and decoupled communication for hybrid, multi‑module, and instrumented app architectures.

AndroidComponentizationMobile Development
0 likes · 21 min read
WMRouter: An Android Routing Framework for Componentized Development
Qunar Tech Salon
Qunar Tech Salon
Jul 11, 2018 · Mobile Development

Evolution of Native Mobile Development and Heterogeneous Solutions: From Small Apps to Dynamic Components and Cross‑Platform Frameworks

The article reviews the history of native Android development, describes the shift from small‑app architectures to static and dynamic componentization, examines hybrid and cross‑platform solutions such as WebView‑based, script‑DSL, and independent runtimes, and outlines future trends and strategic choices for mobile teams.

ComponentizationMobileReact Native
0 likes · 12 min read
Evolution of Native Mobile Development and Heterogeneous Solutions: From Small Apps to Dynamic Components and Cross‑Platform Frameworks
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Jul 1, 2018 · Fundamentals

Why Componentization and Modularity Are Key to Microservice Success

This article explains core microservice concepts—including componentization, modularization, centralized vs. distributed systems, and the architectural principles behind microservices—while comparing them to SOA and highlighting practical distinctions that help developers design loosely‑coupled, reusable services.

ComponentizationDistributed SystemsMicroservices
0 likes · 8 min read
Why Componentization and Modularity Are Key to Microservice Success
Meituan Technology Team
Meituan Technology Team
Jun 28, 2018 · Mobile Development

Multi-End Code Reuse and Componentization in Meituan Waimai iOS

Meituan Waimai iOS achieved an 84 % code‑reuse rate across its standalone app, Meituan channel, and Dianping channel by progressively componentizing business logic into layered CocoaPods, flattening dependencies, using binary pods for fast builds, and employing a robust toolchain and coordination among PM, RD, and QA.

CocoaPodsComponentizationcode-reuse
0 likes · 22 min read
Multi-End Code Reuse and Componentization in Meituan Waimai iOS
iQIYI Technical Product Team
iQIYI Technical Product Team
Jun 15, 2018 · Mobile Development

iQIYI Technical Salon Shanghai – Mobile Componentization and Webization Practices

At the iQIYI Technical Salon in Shanghai, senior engineers from iQIYI, Ele.me, Mushroom Street and others shared practical advances in mobile componentization and webization, including Ele.me’s hierarchical Android modularization, the open‑source CC framework, iQIYI’s Qigsaw dynamic delivery and Utopia web‑SPA, LiteApp performance optimizations, and the Lynx cross‑platform framework, while inviting developers to join iQIYI’s R&D team.

AndroidComponentizationMobile Development
0 likes · 7 min read
iQIYI Technical Salon Shanghai – Mobile Componentization and Webization Practices
JD Retail Technology
JD Retail Technology
May 31, 2018 · Industry Insights

Inside JD.com’s Review & Share System: Architecture, Challenges, and Lessons

JD.com’s review and share platform combines multi‑dimensional rating, text, image and video content with a modular middleware, MySQL/MongoDB/HBase storage, Solr search, Redis caching and a management backend, detailing its architecture, daily operations, component‑based design, scalability challenges and future enhancements.

ComponentizationScalabilitySearch
0 likes · 21 min read
Inside JD.com’s Review & Share System: Architecture, Challenges, and Lessons
JD Tech
JD Tech
Mar 23, 2018 · Frontend Development

Guide to Custom Component Development in WeChat Mini Programs

This article explains how to build lightweight, reusable custom components in WeChat Mini Programs, covering the evolution from basic template imports to full‑featured custom components, the differences between import and include methods, component configuration, event handling, and popular third‑party frameworks such as WePY and mpvue.

ComponentizationWXMLWeChat Mini Program
0 likes · 10 min read
Guide to Custom Component Development in WeChat Mini Programs
JD Retail Technology
JD Retail Technology
Feb 7, 2018 · Product Management

京东游戏精灵: A Component-Based Game Platform for Business Engagement

京东游戏精灵 is a component-based game platform that enables businesses to rapidly develop and deploy interactive games by reusing pre-built modules, significantly reducing development time and costs while enhancing user engagement through features like red envelopes and rewards.

Business EngagementComponentizationGame Development
0 likes · 4 min read
京东游戏精灵: A Component-Based Game Platform for Business Engagement
Alibaba Cloud Developer
Alibaba Cloud Developer
Jan 9, 2018 · Frontend Development

How Weex Powered Youku’s Double‑11 Live Stream: Architecture, Challenges & Solutions

This article details how Youku rebuilt its Double‑11 live‑streaming platform with Weex, covering the overall architecture, component modularization, interactive feature support, gesture conflict resolution, screen‑rotation handling, video corner rendering, performance optimizations, and the impressive results achieved during the event.

AndroidComponentizationWeex
0 likes · 14 min read
How Weex Powered Youku’s Double‑11 Live Stream: Architecture, Challenges & Solutions
Hujiang Technology
Hujiang Technology
Dec 20, 2017 · Frontend Development

Understanding WeChat Mini Programs: Runtime, Promise Wrapping, Componentization, and Redux Integration

This article explains the differences between WeChat Mini Programs and H5, details the custom runtime environment, demonstrates performance differences, shows how to wrap callback‑based APIs with Promises, introduces component‑based development, and integrates Redux for state management with code examples.

ComponentizationPromiseRedux
0 likes · 14 min read
Understanding WeChat Mini Programs: Runtime, Promise Wrapping, Componentization, and Redux Integration
Qunar Tech Salon
Qunar Tech Salon
Nov 2, 2017 · Frontend Development

Meituan's Hermes Project: Front‑End Architecture, Modularization, Automation, and Performance Optimization

Meituan's Hermes project demonstrates how a large‑scale front‑end team achieved better developer experience and maintainability by adopting front‑back separation, ES6‑based modular and Vue component architecture, automated build pipelines, local mock services, comprehensive monitoring, network and offline optimizations, and outlines future plans for server‑side rendering and service‑worker migration.

Componentizationmodularizationperformance
0 likes · 14 min read
Meituan's Hermes Project: Front‑End Architecture, Modularization, Automation, and Performance Optimization
Meituan Technology Team
Meituan Technology Team
Oct 30, 2017 · Frontend Development

Hermes Project: Front‑End Architecture, Modularization, Componentization, Automation and Performance Optimization at Meituan‑Dianping

The Hermes project at Meituan‑Dianping re‑engineered its overseas vacation front‑end by separating front‑ and back‑ends, modularizing code with ES6, building a Vue‑based reusable component library, automating builds and testing, and optimizing page‑load performance through CDN caching, monitoring, and offline strategies, dramatically boosting developer productivity and user experience.

AutomationComponentizationMeituan
0 likes · 15 min read
Hermes Project: Front‑End Architecture, Modularization, Componentization, Automation and Performance Optimization at Meituan‑Dianping
iQIYI Technical Product Team
iQIYI Technical Product Team
Oct 27, 2017 · Mobile Development

Componentization Architecture and Engine Design for iOS Applications at iQIYI

iQIYI’s iOS team replaced a mediator‑based component system with a registration‑driven engine, allowing independent development, hot‑plug module addition, server‑controlled launches, and full Open‑Closed compliance, while integrating CocoaPods, GitLab, and Jenkins for automated binary delivery and scalable modular architecture.

ComponentizationEngine ArchitectureMediator Pattern
0 likes · 13 min read
Componentization Architecture and Engine Design for iOS Applications at iQIYI
JD Retail Technology
JD Retail Technology
Sep 15, 2017 · Mobile Development

Overview of JD's Aura Component Framework for Mobile Development

This article introduces JD's Aura component framework, detailing its origins, four foundational pillars, three supporting systems, key tools, SDK specifications, and the associated portal, CI, and management platforms that enable scalable Android componentization within the Avatar ecosystem.

AndroidAura FrameworkComponentization
0 likes · 7 min read
Overview of JD's Aura Component Framework for Mobile Development
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Aug 31, 2017 · Frontend Development

From Frameworks to Smart Resource Management: Evolving Frontend Engineering

This article examines the evolution of frontend development from basic library selection through simple build optimization, modularization, and finally to component‑based development and intelligent static resource management, highlighting engineering practices that improve efficiency, scalability, and performance for complex web applications.

ComponentizationEngineeringResource Management
0 likes · 21 min read
From Frameworks to Smart Resource Management: Evolving Frontend Engineering
Architecture Digest
Architecture Digest
Aug 24, 2017 · Frontend Development

Designing a Differentiated Front‑End Architecture for Internet Finance Platforms

The article outlines a comprehensive front‑end architecture for an internet‑finance development team, detailing how component‑based, configuration‑driven design, migration from PHP to Node, and shared services (FMS, AXE, SCENE) address frequent scenario changes, risk‑control requirements, and aim to boost development efficiency and product management capability.

ComponentizationConfigurationPHP
0 likes · 8 min read
Designing a Differentiated Front‑End Architecture for Internet Finance Platforms
Tencent TDS Service
Tencent TDS Service
Aug 3, 2017 · Frontend Development

How QQ Membership Achieved Near‑Instant H5 Loads on Mobile QQ

This article details the QQ Membership front‑end team's performance, componentization, and continuous‑integration practices for hybrid H5 pages on Mobile QQ, covering challenges of load speed, development efficiency, high availability, and the solutions they implemented to keep page loading around one second.

AutomationComponentizationHybrid
0 likes · 17 min read
How QQ Membership Achieved Near‑Instant H5 Loads on Mobile QQ
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
May 25, 2017 · Frontend Development

How Front-End Developers Can Avoid Endless Revisions and Boost Product Thinking

This article explores how front‑end developers can break the cycle of endless revisions by adopting the right mindset, collaborating effectively with product and design teams, embracing component‑based thinking, and developing product‑centric skills that improve efficiency and quality throughout the development process.

Componentizationdevelopment workflowfrontend
0 likes · 7 min read
How Front-End Developers Can Avoid Endless Revisions and Boost Product Thinking
Baidu Waimai Technology Team
Baidu Waimai Technology Team
Mar 16, 2017 · Frontend Development

Evolution of Componentization in the Operations Backend Platform: From FIS to React and the Third‑Generation Solution

This article outlines the rapid growth of Baidu Takeaway's operations backend, analyzes the limitations of the FIS‑based modular approach, describes the transition to React‑Redux componentization, and presents a third‑generation, model‑driven component sharing platform designed to reduce repetitive development and improve developer happiness.

ComponentizationReactUI
0 likes · 12 min read
Evolution of Componentization in the Operations Backend Platform: From FIS to React and the Third‑Generation Solution
Alibaba Cloud Developer
Alibaba Cloud Developer
Mar 14, 2017 · Mobile Development

How Alibaba’s Atlas Framework Revolutionizes Android App Development

Atlas, Alibaba’s open‑source Android container framework, enables large‑scale team collaboration through componentization, dynamic deployment, and plug‑in isolation, offering parallel development, rapid iteration, and on‑device updates for apps targeting Android 4.x and above.

AndroidComponentizationMobile Development
0 likes · 15 min read
How Alibaba’s Atlas Framework Revolutionizes Android App Development
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Jan 22, 2017 · Backend Development

Designing Scalable Business Components with SOA, OSGi, and ESB

This article explains how to build enterprise‑grade business components (BC) within a Service‑Oriented Architecture using Web services, OSGi modularity, and an Enterprise Service Bus, covering component models, granularity, loose‑coupling design, interface standards, and J2EE deployment patterns.

Business ComponentComponentizationOSGi
0 likes · 26 min read
Designing Scalable Business Components with SOA, OSGi, and ESB
Qunar Tech Salon
Qunar Tech Salon
Nov 3, 2016 · Frontend Development

Avalon2: Overview, Advantages, and Backend Rendering

This article provides a comprehensive overview of the Avalon2 JavaScript framework, detailing its evolution from Avalon1, performance improvements via virtual DOM, componentization, non‑intrusive design, compatibility features, backend rendering capabilities, and related tools such as Arthur and mmRequest.

Avalon2CompatibilityComponentization
0 likes · 7 min read
Avalon2: Overview, Advantages, and Backend Rendering
Aotu Lab
Aotu Lab
Jul 22, 2016 · Frontend Development

How Athena Transforms Frontend Development: Boosting Efficiency and Performance

This article explains how the Athena toolset addresses growing frontend complexity by introducing standardized project structures, componentization, automated builds, and performance optimizations such as first‑screen rendering, on‑demand loading, resource tables, and static preloading, ultimately improving developer experience and page speed.

Build AutomationComponentizationTooling
0 likes · 23 min read
How Athena Transforms Frontend Development: Boosting Efficiency and Performance
21CTO
21CTO
Mar 29, 2016 · Mobile Development

How Didi Scaled Its iOS Architecture: From MVC to MVCS and Componentization

This interview with Didi’s iOS platform lead reveals how the app evolved from a simple MVC design to a modular MVCS/MVVM architecture, adopted componentization, tackled real‑time data challenges, and leveraged hot‑fix technologies to support rapid growth.

ComponentizationMVCSMobile Development
0 likes · 11 min read
How Didi Scaled Its iOS Architecture: From MVC to MVCS and Componentization
Aotu Lab
Aotu Lab
Mar 17, 2016 · Frontend Development

Building a Scalable Documentation Site with Athena, EJS Templates, and Fixed Navigation

This article details a practical approach to constructing a large‑scale documentation platform using Athena’s front‑end tooling, component‑based EJS templates, and a three‑state fixed navigation system, while also discussing the pitfalls of over‑modularization and alternative conversion methods.

Componentizationathenaejs
0 likes · 11 min read
Building a Scalable Documentation Site with Athena, EJS Templates, and Fixed Navigation
21CTO
21CTO
Mar 12, 2016 · Mobile Development

How Componentization Boosts iOS & Android App Development Efficiency

This article summarizes a March 10 technical session on componentizing iOS and Android applications, describing the challenges of monolithic codebases, the benefits of modular architecture, communication patterns, lifecycle management, version control, CI integration, and practical lessons learned.

AndroidComponentizationci/cd
0 likes · 16 min read
How Componentization Boosts iOS & Android App Development Efficiency
21CTO
21CTO
Jan 22, 2016 · Mobile Development

Scaling Billion-User Mobile Apps: Alibaba Taobao Architecture Insights

In this talk, Alibaba wireless expert Xu Zhao outlines the evolution of the massive Mobile Taobao app—from early webview tools to a component‑based, containerized architecture—detailing challenges such as PC‑mobile migration, device fragmentation, heavy client complexity, and the strategies employed to achieve scalable, flexible, and high‑performance mobile services.

AlibabaAndroid DevelopmentComponentization
0 likes · 13 min read
Scaling Billion-User Mobile Apps: Alibaba Taobao Architecture Insights
Qunar Tech Salon
Qunar Tech Salon
Dec 20, 2015 · Frontend Development

A Decade‑Long Journey of Frontend Framework Selection and Component‑Based Development

The article recounts a Chinese company's evolution from an IE‑only HTC‑based UI stack in 2007 through a Flex‑driven heavyweight solution and finally to Angular, highlighting the technical, organizational, and strategic challenges of adopting component‑based front‑end architectures across multiple browser generations.

AngularComponentizationFlex
0 likes · 19 min read
A Decade‑Long Journey of Frontend Framework Selection and Component‑Based Development