JD's HarmonyOS Native App Development with Taro: Technical方案, Features, Performance and Future Plans
This article explains how JD adopted the Taro cross‑platform framework to build HarmonyOS native applications, detailing the background, technical方案, key features, performance results, and future optimization plans for delivering high‑performance mobile experiences.
Background: In January 2024 JD launched HarmonyOS native app development based on HarmonyOS NEXT, aiming for smoother, smarter, safer shopping experiences; a trial version was released in June and the full version is planned for September.
Technical方案: JD evaluated two options—native ArkTS development and cross‑platform frameworks—and chose the open‑source Taro framework to accelerate delivery, allowing a single codebase to target H5, mini‑programs and HarmonyOS while leveraging existing retail infrastructure.
Technical特点: Taro enables Web‑style development, extensive CSS support (flex, pseudo‑classes, media queries, variables, etc.), Rust‑based LightningCSS for fast compilation, C++‑level rendering optimizations, Yoga layout engine, virtual list and node reuse, and hybrid native‑mix development, achieving performance comparable to native ArkTS.
Performance表现: Optimizations reduced homepage rendering time to 1062 ms (23.9% faster) and product‑detail rendering to 560 ms (74.2% faster) versus the previous ArkTS version, with most pages passing Huawei performance acceptance tests.
Summary and Future Outlook: Taro has become a full‑business‑domain cross‑platform solution; JD plans further performance improvements such as separating JavaScript logic from the UI thread, flattening view nodes to reduce draw calls, and enabling dynamic updates without recompilation.
JD Tech
Official JD technology sharing platform. All the cutting‑edge JD tech, innovative insights, and open‑source solutions you’re looking for, all in one place.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.