Tag

dynamic UI

0 views collected around this technical thread.

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.

Mobilecomponent architecturedynamic UI
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.

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

MobilePerformancecross‑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.

AndroidTangramVirtualView
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 TaroJD AppJD MCube
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.

DSLPerformancecross‑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.

DXProCodedynamic UI
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.

JD.comMCubecross‑platform
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.

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

DSLFrontend DevelopmentMobile Client
0 likes · 13 min read
Dynamic UI Implementation in Qunar's Large Client: Architecture, DSL Design, and Template Management
58 Tech
58 Tech
Apr 12, 2022 · Mobile Development

Fair 2.0: Complete Integration and Usage Guide for Flutter Projects

This article provides a step‑by‑step tutorial on integrating the Fair 2.0 dynamic framework into Flutter applications, covering dependency setup, widget conversion, bundle generation, runtime loading, parameter passing, navigation, plugin bridging, performance evaluation, update strategies, security checks, and practical lessons learned from its deployment in the 58 拍客 app.

FAIRHot UpdatePerformance
0 likes · 12 min read
Fair 2.0: Complete Integration and Usage Guide for Flutter Projects
58 Tech
58 Tech
Sep 14, 2021 · Mobile Development

Design and Implementation of Fair 2.0 Logic Syntax Sugar

This article introduces Fair 2.0, a Flutter dynamic framework that adds logic‑level syntactic sugar to simplify mixed layout‑logic scenarios, explains its dual‑state consistency design, presents three solution options with the chosen implementation, and provides code examples for registration and usage.

Fair FrameworkFlutterdynamic UI
0 likes · 9 min read
Design and Implementation of Fair 2.0 Logic Syntax Sugar
58 Tech
58 Tech
Sep 9, 2021 · Mobile Development

Fair 2.0 Layout DSL Generation Principles

This article explains how the Fair 2.0 framework parses Dart source code into an AST, transforms the AST into a domain‑specific layout DSL, and handles variables, expressions, and method caching to enable dynamic UI updates in Flutter applications.

ASTDSLFair 2.0
0 likes · 11 min read
Fair 2.0 Layout DSL Generation Principles
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 NativeCloud Platformcontainer protocol
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.

DSLFlutterMVVM
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 %.

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

AndroidArchitectureWeex
0 likes · 12 min read
Dynamic Message Card Architecture for Mobile Apps Using Weex
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.

Gaode Mapsdynamic UIfrontend
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.

DSLMobiledynamic UI
0 likes · 14 min read
Dynamic UI Solution for JD Mobile Apps: DSL‑Based Cross‑Platform Architecture and Implementation