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

TD (TongCheng Dynamic) is a native rendering dynamic solution designed to address long‑tail problems of high‑traffic mobile apps, providing high performance, dynamic updates, and cross‑platform reuse for Android and iOS.

It replaces H5, RN, and Flutter in core modules such as Home, My, Search, Order, and Trip, offering a modular architecture with a DSL based on XML, a JavaScript logic layer, and resource management, enabling hot‑updates without full app releases.

The architecture consists of three layers: logic JS, view XML, and resource, supported by rendering, layout, and controller engines; it follows a Flexbox‑like layout system and uses expression evaluation for weak logic.

TD includes a complete toolchain—debug tools, command‑line scripts, IDE plugins—and a monitoring platform that tracks loading, downloading, rendering, and performance metrics, ensuring stability and high‑efficiency development.

Code example of a dynamic Fold layout:

<FoldVHLayout layoutWidth="wrap_content" layoutHeight="match_parent" orientation="V" name="${dyPostion}1${dyPostion}" id="${dyPostion}1${dyPostion}" receiveClick="fold" layoutDirection="right" visibility="${if(${simpleCardList.count()} > 0 or ${mainCardList.count()} > 0) :visible else  :gone}" vvEventCategory="xxxx" vvEventLabel='{"show":"展开","click":"收起"}' vvEventValue='{}' vvEventAction='{"show":"trip_open","click":"trip_stow"}'> ... </FoldVHLayout>