Tagged articles
26 articles
Page 1 of 1
DaTaobao Tech
DaTaobao Tech
Mar 28, 2025 · Mobile Development

A Framework for Dynamic UI Page Construction in Mobile Taobao

The article presents a modular framework for Mobile Taobao that unifies data protocols, rendering, layout, and lifecycle management through core engines (DataEngine, LayoutEngine, StateCenter, etc.) enabling rapid, extensible construction and updating of dynamic UI pages across multiple protocol versions.

Component ArchitectureDynamic UIMobile
0 likes · 8 min read
A Framework for Dynamic UI Page Construction in Mobile Taobao
JD Retail Technology
JD Retail Technology
Dec 7, 2023 · Mobile Development

Cross‑Platform Dynamic Development with MCube: Practices, Architecture, and Lessons Learned

This article details the MCube dynamic‑UI solution for mobile apps, covering the background of high development costs, the reasons for choosing MCube, the implementation of single‑floor and full‑page dynamic transformations, data‑structure redesign, common pitfalls, and best‑practice recommendations for both iOS and Android.

AndroidDynamic UIMCube
0 likes · 12 min read
Cross‑Platform Dynamic Development with MCube: Practices, Architecture, and Lessons Learned
Tongcheng Travel Technology Center
Tongcheng Travel Technology Center
Feb 9, 2023 · Mobile Development

TD (TongCheng Dynamic): A Native Rendering Dynamic Solution for Mobile Apps

TD (TongCheng Dynamic) is a native‑rendered, cross‑platform solution that boosts performance and enables hot‑updates for high‑traffic mobile app modules, offering modular reuse, low‑code DSL configuration, comprehensive tooling, and detailed monitoring to accelerate development and improve user experience.

Dynamic UIMobilecross‑platform
0 likes · 17 min read
TD (TongCheng Dynamic): A Native Rendering Dynamic Solution for Mobile Apps
NetEase Yanxuan Technology Product Team
NetEase Yanxuan Technology Product Team
Nov 7, 2022 · Mobile Development

Technical Evolution of the Yanxuan App Home Page: Architecture, Componentization, and Dynamic UI

The Yanxuan app home page has progressed from a layered native architecture using Tangram and TAC to a component‑based system with compile‑time cell registration and asynchronous loading, and finally to a VirtualView‑driven dynamic UI that enables fast, cross‑platform updates, improved performance, and reduced release overhead.

AndroidDynamic UITangram
0 likes · 24 min read
Technical Evolution of the Yanxuan App Home Page: Architecture, Componentization, and Dynamic UI
JD Tech
JD Tech
Sep 16, 2022 · Mobile Development

JD App Adaptation to OpenHarmony: Business Complexity, Technology Stack, and JD MCube Dynamic Framework

The article details JD's extensive effort to adapt its massive e‑commerce app to OpenHarmony, analyzing business diversity, a multi‑layered technology stack, the cross‑platform Aotu Taro solution, the native JD MCube dynamic framework, UI‑framework comparisons, implementation steps, results, and future plans.

Aotu TaroDynamic UIJD App
0 likes · 10 min read
JD App Adaptation to OpenHarmony: Business Complexity, Technology Stack, and JD MCube Dynamic Framework
58 Tech
58 Tech
Aug 25, 2022 · Mobile Development

CoralSea Cross‑Platform Dynamic UI Solution: Architecture, Implementation, and Performance Evaluation

This technical article introduces CoralSea, a cross‑platform dynamic UI framework developed by 58.com and Anjuke, detailing its background, DSL‑based design, low‑code editor, D2X‑Tool, mobile engine, performance comparisons with native, RN, Flutter, and Tangram, as well as real‑world application cases and future roadmap.

DSLDynamic UIcross-platform
0 likes · 25 min read
CoralSea Cross‑Platform Dynamic UI Solution: Architecture, Implementation, and Performance Evaluation
DaTaobao Tech
DaTaobao Tech
Jun 16, 2022 · Mobile Development

DX Native Dynamic Development Mode Overview

DX (DinamicX) is Alibaba’s native dynamic development platform that evolved from simple homepage widgets into a full‑stack framework offering out‑of‑the‑box components, a VS‑code‑compatible IDE, ProCode and LowCode workflows, optimized rendering pipelines, event‑chain logic, and future‑focused standardization for high‑performance, content‑rich mobile apps.

DXDynamic UIMobile Development
0 likes · 16 min read
DX Native Dynamic Development Mode Overview
JD Tech
JD Tech
May 20, 2022 · Mobile Development

MCube: A Native Dynamic Page Solution for JD.com Mobile Apps

The article presents MCube, a cross‑platform native dynamic UI framework used in JD.com’s mobile app to improve performance, reduce development effort, and enable rapid, stable feature delivery through a modular architecture, XML DSL, Yoga layout engine, and comprehensive management and tooling support.

Dynamic UIJD.comMCube
0 likes · 14 min read
MCube: A Native Dynamic Page Solution for JD.com Mobile Apps
JD Retail Technology
JD Retail Technology
May 16, 2022 · Mobile Development

MCube: A Cross‑Platform Native Dynamic UI Solution for JD App

MCube is a native dynamic rendering framework designed for JD's high‑value "golden flow" that enables one‑time development, multi‑device reuse, performance optimization, and reduced package size across iOS and Android, supporting rapid business iteration and extensive ecosystem co‑building.

Dynamic UIJDLayout Engine
0 likes · 14 min read
MCube: A Cross‑Platform Native Dynamic UI Solution for JD App
Qunar Tech Salon
Qunar Tech Salon
May 11, 2022 · Frontend Development

Dynamic UI Implementation in Qunar's Large Client: Architecture, DSL Design, and Template Management

This article details Qunar's transition from native‑only homepage development to a dynamic UI solution using a Native‑plus‑DSL approach, covering background challenges, solution research, DSL architecture, data binding, virtual DOM layout, template management, real‑time preview, deployment results, and future plans.

DSLDynamic UILayout Engine
0 likes · 13 min read
Dynamic UI Implementation in Qunar's Large Client: Architecture, DSL Design, and Template Management
Alibaba Cloud Developer
Alibaba Cloud Developer
Nov 11, 2021 · Frontend Development

How Ant Group’s Cube Cards Deliver Native‑Level Performance for Mobile Apps

Ant Group’s Cube card system is a cross‑platform, dynamic UI solution that embeds lightweight, native‑like cards into mobile applications, offering high performance, low memory usage, multi‑threaded rendering, and a flexible DSL, while supporting developers with dedicated tooling and a robust architecture.

CubeDynamic UIMobile Development
0 likes · 14 min read
How Ant Group’s Cube Cards Deliver Native‑Level Performance for Mobile Apps
Xianyu Technology
Xianyu Technology
May 26, 2021 · Cloud Native

Containerized Page Protocol and Cloud Platform for Dynamic Traffic Pages

Xianyu introduced a containerized page protocol and cloud platform that adds a fourth Container layer to its Page‑Section‑Component model, enabling dynamic, low‑code page adjustments, traffic splitting, AB testing, and robust disaster‑recovery through multi‑level caching, thereby cutting development effort and accelerating new business page rollout.

Cloud NativeDynamic UIcloud platform
0 likes · 9 min read
Containerized Page Protocol and Cloud Platform for Dynamic Traffic Pages
Xianyu Technology
Xianyu Technology
Jan 26, 2021 · Mobile Development

Streaming Page Container Architecture for Xianyu's Flutter Home Page

Xianyu’s streaming page container architecture redesigns the Flutter home page with an MVVM‑based, event‑driven framework, DinamicX DSL templates, and the PowerScrollView list container, eliminating duplicated layout logic, accelerating A/B testing and releases, and enabling dynamic, lightweight pages with partial UI refreshes.

DSLDynamic UIEvent-driven
0 likes · 14 min read
Streaming Page Container Architecture for Xianyu's Flutter Home Page
Didi Tech
Didi Tech
Jan 7, 2021 · Mobile Development

Introduction to Hummer: An Ultra‑Lightweight Dynamic Cross‑Platform Development Framework

Hummer, an ultra‑lightweight, dynamic cross‑platform framework co‑created by DiDi’s Puhui and R‑Lab front‑end teams, delivers sub‑1 MB packages, near‑native performance, and a low learning curve via its Tenon reactive API, supporting iOS, Android, and Vue‑based web, and is already deployed at scale across numerous DiDi services with a crash rate below 0.01 %.

Dynamic UIHummerJavaScript
0 likes · 7 min read
Introduction to Hummer: An Ultra‑Lightweight Dynamic Cross‑Platform Development Framework
Youzan Coder
Youzan Coder
Jul 31, 2020 · Mobile Development

Dynamic Message Card Architecture for Mobile Apps Using Weex

The article describes how Youzan Mobile replaces its native, labor‑intensive message‑card system with a lightweight Weex container embedded in native MVVM tables, enabling hot‑reloaded, dynamic cards that can be added or updated without app releases, dramatically shortening development cycles and improving performance.

AndroidDynamic UIMobile Development
0 likes · 12 min read
Dynamic Message Card Architecture for Mobile Apps Using Weex
FunTester
FunTester
May 25, 2020 · Artificial Intelligence

How AI Can Eliminate Selenium’s ‘Element Not Found’ Nightmares

When web applications become highly dynamic, traditional Selenium locators become fragile and costly to maintain, but leveraging AI and machine‑learning‑based object‑recognition frameworks can dramatically reduce maintenance overhead and accelerate test creation by intelligently adapting to UI changes.

AIDynamic UISelenium
0 likes · 2 min read
How AI Can Eliminate Selenium’s ‘Element Not Found’ Nightmares
Amap Tech
Amap Tech
May 14, 2020 · Frontend Development

Evolution of Gaode (Amap) Front‑End Technology from 2015 to Present

From 2015’s rapid, short‑cycle UI tweaks to a 100‑person front‑end organization, Gaode’s Amap team progressively adopted componentization, templating, a C++‑based dynamic engine and JSX framework, scaling code from 30 k to 600 k lines, and now focuses on fine‑grained, standardized, differentiated, low‑code and platformized development for long‑term stability.

Dynamic UIGaode MapsSoftware Architecture
0 likes · 12 min read
Evolution of Gaode (Amap) Front‑End Technology from 2015 to Present
JD Retail Technology
JD Retail Technology
May 8, 2020 · Mobile Development

Dynamic UI Solution for JD Mobile Apps: DSL‑Based Cross‑Platform Architecture and Implementation

This article details JD Shanghai's mobile team exploration of a dynamic UI solution that uses a custom domain‑specific language (DSL) to enable cross‑platform (iOS, Android, H5) page publishing without client updates, describing design goals, architecture layers, template management, event handling, performance optimizations, and real‑world deployment.

DSLDynamic UIMobile
0 likes · 14 min read
Dynamic UI Solution for JD Mobile Apps: DSL‑Based Cross‑Platform Architecture and Implementation
Meituan Technology Team
Meituan Technology Team
Nov 28, 2019 · Mobile Development

Containerization Architecture for Meituan Waimai Order Page

Meituan Waimai’s order page adopted a container‑based architecture that isolates over 30 UI modules into dynamically registered Blocks, uses a Root Block context for data distribution and command/event communication, cuts controller code and bundle size, enables parallel development, and unifies Android and iOS implementations via server‑driven configuration.

AndroidDynamic UIMobile Development
0 likes · 20 min read
Containerization Architecture for Meituan Waimai Order Page
21CTO
21CTO
Jul 6, 2019 · Mobile Development

How Zhihu Accelerated Mobile Ad Updates with the Morph DSL Native+ Solution

Zhihu’s Morph dynamic solution, built on a Flexbox‑based DSL and JSON, enabled rapid, cross‑platform updates of mobile ad cards, dramatically reducing rollout time from eight days to one and supporting over 70 styles with minimal impact on app size and performance.

Ad TechDSLDynamic UI
0 likes · 20 min read
How Zhihu Accelerated Mobile Ad Updates with the Morph DSL Native+ Solution
iQIYI Technical Product Team
iQIYI Technical Product Team
Aug 10, 2018 · Mobile Development

Evolution of iQIYI Mobile Client Dynamic Page Rendering: From Card 1.0 to Card 4.0

iQIYI’s mobile client progressed from server‑assembled JSON cards (Card 1.0) through reusable component cards (2.0), template‑driven blocks (3.0), to a big‑frontend XML‑flex architecture with scriptable logic and hot‑swap tools (Card 4.0), now replacing earlier versions and slated for broader rollout and open‑source release.

Dynamic UIXML Layoutcard architecture
0 likes · 12 min read
Evolution of iQIYI Mobile Client Dynamic Page Rendering: From Card 1.0 to Card 4.0
Baixing.com Technical Team
Baixing.com Technical Team
Aug 15, 2017 · Mobile Development

How a Lightweight “General List” Framework Enables Remote UI Updates in Mobile Apps

This article introduces the General List lightweight dynamic framework for mobile apps, explaining its motivation, goals, technical choices, client‑side architecture, template‑driven rendering process, layout calculations, click‑event handling via router URLs, limitations, and future enhancements, offering a practical alternative to hybrid or React Native solutions.

Dynamic UIMobileTemplate Rendering
0 likes · 15 min read
How a Lightweight “General List” Framework Enables Remote UI Updates in Mobile Apps
Meituan Technology Team
Meituan Technology Team
Feb 24, 2017 · Mobile Development

Picasso: A Cross‑Platform Dynamic Layout Framework for iOS

Picasso is a cross‑platform dynamic layout framework for iOS that implements Meituan‑Dianping’s “crafted layout” philosophy, using anchor‑based expressions and JavaScriptCore to compute layouts off‑main‑thread, offering live‑reload, full test coverage, extensible controls and server‑side tooling to dramatically boost UI development productivity.

AnchorDynamic UIiOS
0 likes · 12 min read
Picasso: A Cross‑Platform Dynamic Layout Framework for iOS