BestHub
Sign in
Tag

componentization

1 views collected around this technical thread.

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
HelloTech
HelloTech
Feb 21, 2025 · Fundamentals

Componentization and Workflow Orchestration: Design Principles and Practices

Componentization reduces software complexity by breaking logic into single‑responsibility, decoupled units that can be statically orchestrated with a Java DSL or dynamically configured via JSON, while clear interfaces, appropriate granularity, and extension points ensure reusable, maintainable, and adaptable workflows.

DSLDecouplingcomponentization
0 likes · 22 min read
Componentization and Workflow Orchestration: Design Principles and Practices
Architecture Development Notes
Architecture Development Notes
Aug 26, 2024 · Frontend Development

Exploring Xilem: A Rust‑Based Native UI Framework Inspired by Flutter, SwiftUI, and Elm

Xilem is an experimental Rust native UI framework that combines concepts from Flutter, SwiftUI, and Elm, featuring lightweight view objects, diff‑based updates, strong typing, componentization, memoization, and optional type erasure, with a core built on xilem_core and Masonry crates.

Frontend DevelopmentRustXilem
0 likes · 7 min read
Exploring Xilem: A Rust‑Based Native UI Framework Inspired by Flutter, SwiftUI, and Elm
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 integrationProtobufSystem Architecture
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.

Mobilearchitecturebest practices
0 likes · 29 min read
Componentization Architecture for Large-Scale Mobile Apps: Principles, Challenges, and Best Practices
Weimob Technology Center
Weimob Technology Center
Jun 6, 2023 · Backend Development

How to Build a Flexible Promotion Middle Platform with Componentized Design

This article explores the design of a promotion middle platform that abstracts discount rules, componentizes promotion elements, and introduces a schema-driven configuration approach to enable reusable, extensible, and business‑agnostic promotion activities across multiple product lines.

backendcomponentizationmiddleware
0 likes · 15 min read
How to Build a Flexible Promotion Middle Platform with Componentized Design
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.

Architecture DesignClang ASTEnterprise WeChat
0 likes · 17 min read
Enterprise WeChat iOS Architecture Transformation: Componentization and Plugin Integration Practices
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.

CocoaPodsModularizationPodSpec
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.

AndroidKV storageKotlin
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.

ARouterAndroidGradle
0 likes · 21 min read
Practical Guide to Android Componentization and Modular Development
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 OptimizationGradle
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.

AndroidDelay Initializationcomponentization
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.

Binary DebuggingBuild Optimizationautomation
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.

C++UIcomponentization
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 DevelopmentLifecycle ManagementPerformance Optimization
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.

Frontend ArchitectureVelocityVue
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.

Web Developmentbest practicescomponentization
0 likes · 19 min read
Understanding Frontend Componentization: Principles, Practices, and Challenges
Ctrip Technology
Ctrip Technology
Feb 24, 2022 · Frontend Development

Foxpage: A Lightweight Frontend Low‑Code Framework – Architecture, Features, and Real‑World Use Cases

Foxpage is a lightweight frontend low‑code framework that provides visual page building, componentization, multi‑scenario and multi‑technology‑stack support, and a platform for collaboration, aiming to reduce repetitive development work and improve efficiency across various Trip.com projects.

Foxpagecomponentizationframework
0 likes · 23 min read
Foxpage: A Lightweight Frontend Low‑Code Framework – Architecture, Features, and Real‑World Use Cases
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.

GradleHarmonyOSMobile Development
0 likes · 18 min read
Componentization of JD.com App for HarmonyOS: Architecture, Challenges, and Implementation