This article introduces ArkTS, HarmonyOS’s preferred TypeScript‑based language, and demonstrates its declarative UI syntax, component creation, property and event configuration, child component nesting, state management, and rendering control through practical code examples.
This article explains HarmonyOS long‑list rendering techniques, comparing the one‑time ForEach approach with the on‑demand LazyForEach method, and detailing cacheCount and @Reusable component reuse strategies, migration challenges from iOS/Android, ArkTS and C‑API implementations, and performance test results.
This article details JD Finance’s end‑to‑end migration of its financial app to HarmonyOS NEXT, covering the system’s architecture, component selection, cross‑platform strategies, performance optimizations, new OS features, and lessons learned from the trial and official releases.
This article introduces the Dynamic Cross‑Platform Framework that runs on HarmonyOS, iOS, Android and Web, explains its layered architecture, compares ArkVM and V8 execution approaches, and presents multi‑thread, JSI and UI‑hierarchy optimizations to achieve high‑performance rendering.
This article provides a comprehensive guide to the Hvigor build tool—its core features, integration with DevEco Studio, consistent build processes, lifecycle stages, typical usage scenarios, task and product structures, as well as step‑by‑step instructions for creating custom tasks, plugins, and routing plugins using TypeScript, enabling efficient and flexible development on HarmonyOS.
Hvigor is a TypeScript‑based build orchestration tool for HarmonyOS that manages tasks, project models, and configurations, integrates with DevEco Studio for consistent command‑line and IDE builds, supports lifecycle phases, custom tasks, plugins, and routing plugins, and provides detailed development guides and code examples.
This article introduces HarmonyOS NEXT's Intent Framework, explains its distribution capabilities such as habit and event recommendations, skill invocation, and local search, showcases practical scenarios including movie ticket reminders and JD Finance services, and provides step‑by‑step integration instructions with code examples.
This article explains HarmonyOS NEXT's Intent Framework, detailing its distribution capabilities, real‑world usage scenarios—including finance examples—along with step‑by‑step integration, code snippets, testing procedures, and future enhancements to improve mobile app engagement.
This article provides a comprehensive overview of the dynamic cross‑platform (Roma) solution, detailing its JavaScript‑based architecture, integration with Android, iOS, HarmonyOS and Web, the SDK workflow, code examples, and the complete view creation, rendering, and update processes across multiple language environments.
This article explains the architecture and implementation of the Roma dynamic cross‑platform solution, covering its JavaScript‑VM based rendering pipeline, HarmonyOS integration challenges, resource packaging, view creation across JS, C++, and ArkTS layers, and the diff‑based update mechanism that enables seamless UI updates on multiple platforms.
Amid global competition and rising cyber threats, ICBC is advancing HarmonyOS mobile banking security by developing proprietary secure keyboards, leveraging native OS safeguards, collaborating with Huawei and third‑party vendors, and contributing to industry standards that govern the full lifecycle of Harmony apps.
This article details JD Finance's end‑to‑end development of a HarmonyOS NEXT version, covering background, feature selection, architectural layering, technical solution comparison, infrastructure construction, challenges, trial and official releases, new OS features, performance optimization, and future plans.
JD Finance’s journey to launch its HarmonyOS NEXT version details the background, strategic necessity, architectural design, component selection, cross‑platform Roma integration, performance tuning, new OS features, and post‑release plans, offering a comprehensive case study for mobile developers tackling native OS migrations.
This article details the process of adapting the V8 JavaScript engine for HarmonyOS, covering engine selection, cross‑compilation using CMake and Ninja, toolchain configuration, building builtins and snapshots, and integrating the resulting library into native HarmonyOS applications.
This article examines the challenges of rendering long lists on HarmonyOS across iOS, Android, and Web platforms, explains the ForEach and LazyForEach mechanisms, and presents practical ArkTS and C++ solutions—including cacheCount, component reuse, and performance optimizations—to achieve smoother UI and lower memory usage.
This article explains HarmonyOS long‑list rendering challenges and presents practical ArkTS and C++ solutions—including LazyForEach, CacheCount, and @Reusable component reuse—to dramatically improve performance, reduce memory usage, and eliminate frame drops across iOS, Android, and HarmonyOS platforms.
This article explains how to bypass the secure keyboard restriction in HarmonyOS by using the hdc command to simulate key events, allowing password entry through a custom front‑end keyboard and mapping keycode values to automate input on devices with privacy‑protected screens.
This article explains why the Roma framework needs a JavaScript engine on HarmonyOS, compares mainstream JS engines, details V8's architecture and JIT pipeline, and provides a step‑by‑step process for cross‑compiling V8 with CMake, GN, Ninja and the HarmonyOS SDK, including code examples and tooling tips.
This article explains the need to adapt the Roma framework for HarmonyOS by selecting and analyzing the V8 JavaScript engine, describes its internal components such as the parser, Ignition interpreter, TurboFan JIT compiler and Orinoco garbage collector, and provides a step‑by‑step guide for cross‑compiling V8 with CMake, GN, Ninja and tool‑chain files to produce a usable library for HarmonyOS native projects.
JD leveraged the Taro cross‑platform framework to build a HarmonyOS native app, detailing the background partnership with Huawei, the technical solution choices, key features like Web‑style development, CSS optimizations, virtual lists, and mixed native modules, and presenting performance gains and future optimization plans.
This article explains how to create and bind native UI components in HarmonyOS by leveraging ArkUI's C/C++ API, covering project setup, library linking, module interface acquisition, node creation, attribute setting, and integration with ArkTS through NodeContent and ContentSlot.
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.
The article details JD's adoption of the Taro cross‑platform framework to build a HarmonyOS native app, describing the technical architecture, CSS and rendering optimizations, performance gains over native ArkTS, and future plans for further speed and flexibility improvements.
The article details JD’s 2024 initiative to build HarmonyOS native applications using the cross‑platform Taro framework, describing the chosen technical solution, key advantages such as Web‑style development, CSS optimizations, rendering performance, virtual list support, and future optimization plans.
The article explains JD's technical solution for developing HarmonyOS native applications with the Taro cross‑platform framework, detailing the chosen architecture, CSS adaptations, performance optimizations, and future enhancement plans that resulted in significant rendering speed gains.
This article analyzes four major performance problems of UI rendering on HarmonyOS—excessive view hierarchy, long communication pipelines, poor list rendering, and secondary layout—and presents a C‑based native component solution with code examples to improve cross‑platform UI performance.
This article examines four major performance bottlenecks when rendering UI on HarmonyOS—excessive view hierarchy, lengthy communication pipelines, poor list rendering, and secondary layout passes—and introduces a C‑language native interface solution that streamlines component integration, reduces overhead, and aligns HarmonyOS rendering with iOS and Android.
This guide explains Bugly’s Harmony OS monitoring capabilities, details how to integrate the SDK with two simple commands, and provides sample initialization code to help developers quickly set up real‑time crash and freeze detection for Harmony OS applications.
The article dissects HarmonyOS ArkUI’s reactive architecture, showing how the open‑source AceEngine wraps state in ObservedProperty objects, tracks dependencies, updates dirty elements, extends the TypeScript compiler with custom UI syntax, bundles via Rollup, and provides a CDP‑based debugger, achieving fine‑grained updates comparable to Vue but with lower memory overhead and faster response on HarmonyOS devices.
AspectPro is a lightweight HarmonyOS runtime hook framework that, together with aspectProPlugin, enables comprehensive AOP capabilities such as method interception, parameter manipulation, and handling of non-writable properties, while the article details its core functions, limitations of system Aspect, and step‑by‑step implementation strategies.
JD Finance’s engineering team outlines a dynamic, cross-platform adaptation strategy for migrating Android apps to the new HarmonyOS, detailing challenges of native rewrites, the V8 virtual machine port, JSI communication layers, layout integration with Yoga, and future plans for self-drawn rendering and mini-program conversion.
The article explains how JD Finance’s Dynamic framework is adapted to HarmonyOS through V8 porting, JSI communication, UI rendering and layout solutions, outlines the challenges of native development, and presents future directions such as self‑drawing rendering and mini‑program conversion.
This article explains how to evaluate device overheating using metrics such as CPU/GPU usage and temperature, collect and visualize Trace data with SmartPerf or DevEco Studio, analyze high‑load threads and frequency scaling, and apply targeted code changes—disabling sensors, releasing Lottie resources, and simplifying components—to reduce heat and restore frame‑rate stability.
This guide details how Sohu News integrated HarmonyOS push notifications—covering DevEco Studio setup, certificate generation, profile configuration, client ID metadata, permission requests, token retrieval, and handling cold‑ and hot‑start push data—using the HarmonyOS NEXT SDK and AppGallery Connect services.
Kotlin Multiplatform enables developers to share a single Kotlin codebase across Android, iOS and the new Harmony Next OS—avoiding costly full rewrites—by converting Harmony OS TypeScript definitions to Kotlin, compiling to JavaScript or native binaries, though challenges remain in debugging, library compatibility, bundle size and threading support.
This tutorial demonstrates how to build a four‑level province‑city‑district‑town address cascade selector using a custom dialog in Huawei HarmonyOS, covering preparation, custom dialog creation, component communication, logic implementation, and data handling with complete code examples.
This tutorial walks you through creating a basic HarmonyOS notepad application using the native ArkTS language and ArkUI components, covering project setup, directory structure, UI layout, routing, and implementing add‑and‑delete functionality with complete code examples.
This tutorial walks through the fundamentals of building ArkTS components for HarmonyOS, covering project setup, key decorators like @Entry and @Component, styling with @Styles and @Extend, handling events, managing properties and state, conditional rendering, functional components, and slot implementation.
This article shares a comprehensive overview of HarmonyOS Next's key features, compares its development approach with Android and iOS, and details practical experiences, tools, and lessons learned while building the first version of the Zhaozhuan app, including WebView integration and future plans.
Huawei's HarmonyOS design guide outlines UI principles for 2‑in‑1 devices, covering interface highlights, window framework, size specifications, column structures, and responsive rules to help developers create efficient and immersive applications across tablet‑laptop hybrids.
At the Huawei Developer Conference on June 21, 2024, Huawei announced its self‑developed Cangjie programming language with a .cj file extension, presented a starter "Hello, Cangjie" example, and detailed the language's historical inspiration, core features, and a step‑by‑step introductory tutorial for developers.
Huawei unveiled the fully self‑developed Cangjie programming language at the 2024 Developer Conference, detailing its native intelligence, full‑scene support, high performance, strong security, multi‑paradigm features, and simple syntax designed specifically for HarmonyOS applications.
This article introduces HarmonyOS, its background, advantages, application forms, development benefits, distributed debugging, multi‑device adaptation, AI integration, the ArkTS language, ArkUI framework, Ability concept, ArkCompiler, and practical steps for setting up the DevEco Studio environment, helping developers quickly grasp the ecosystem and start building apps.
Bilibili has finished beta development of its HarmonyOS native video app—the first bullet‑comment‑enabled video client on the platform—offering medium‑long video playback, personalized recommendations, search, hot lists and interactive features, while cutting build times from over twenty to under five minutes and targeting a full commercial launch with expanded services across smartphones, tablets, displays and vehicles in Q4 2024.
The article compares Android’s fragmented system‑level floating‑window permissions and lack of built‑in in‑app support with HarmonyOS’s simpler Application Sub‑Window approach, detailing how to obtain a WindowStage, create and configure a draggable sub‑window, handle gestures, and forward navigation and back‑press events to the main window.
After reviewing previous HarmonyOS articles that omitted UI, this piece explains the rationale for focusing on UI later, introduces ArkTS and the Stage model, and outlines the creation of a HarmonyOS UI scaffolding tool to streamline development across desktop and mobile platforms.
The article shows how to integrate Flutter's Pigeon tool into HarmonyOS to automatically generate ETS channel code, enabling Flutter developers to avoid writing native HarmonyOS code by adding the pigeon package, defining an API, running the generation command, and using the generated setup in the HarmonyOS side.
QCon Shanghai 2023 highlighted LLM‑driven frontend debugging, the emerging WebNN API for accelerated browser inference, AI‑native UI patterns with evaluation‑driven development, LLM‑enhanced developer bots using RAG and fine‑tuning, and a HarmonyOS round‑table exploring ArkUI’s declarative framework and opportunities for frontend engineers.
This article explores how generative AI is integrated into the AutoDev tool to add ArkTS language support, automatically generate ArkUI pages, and migrate existing Android, iOS, and mini‑program code to HarmonyOS, while discussing technical challenges and future improvements.
The guide provides a complete introduction to HarmonyOS, explaining its distributed architecture and one‑time development model, detailing the DevEco toolchain, ArkTS language and ArkUI frameworks, walking through environment setup and a step‑by‑step first app, and covering advanced topics such as state management, componentization, testing, and publishing.
This guide walks you through configuring the OpenHarmony SDK, Java 11, and the signing tool on Linux, macOS, or Windows, building a custom Flutter engine, creating and building a HarmonyOS Flutter project, installing the signed .hap, and understanding the two development modes for three‑platform unification.
This guide provides a step‑by‑step tutorial on configuring the development environment, installing Taro v4 beta, setting up the HarmonyOS project in DevEco Studio, and using Taro plugins and scripts to build, preview, and debug native HarmonyOS applications.
This weekly tech overview summarizes major industry developments, including Huawei's HarmonyOS NEXT release, SenseTime's open‑source large language model InternLM2, the Apple‑Epic App Store dispute resolution, Xiaomi's 5G satellite terminal approval, Microsoft overtaking Apple in market value, and recent AI energy consumption concerns.
This guide provides a complete overview of HarmonyOS, its distributed architecture, development fundamentals, environment setup with DevEco Studio, ArkUI framework, code examples for UI, networking, data storage, permissions, state and thread management, testing, and publishing procedures for mobile developers.
The 2023 frontend review highlights TypeScript’s size and speed gains, ECMAScript 2023 features, evolving frameworks like React, Vue, Svelte, Angular and emerging Qwik, while Rust tooling, Bun, browser changes, AI‑driven low‑code, and WASM progress set the stage for 2024’s LLM‑powered, Rust‑centric, cross‑platform development.
This article explains JD.com and Huawei's partnership to launch a HarmonyOS native JD app, details how the Taro front‑end framework adapts to HarmonyOS ArkTS and ArkUI, and provides a three‑part guide for developers to create their first HarmonyOS native application.
This tutorial provides a step‑by‑step guide for setting up the HarmonyOS development environment, creating a Harmony project, and using Taro v4.0.0‑beta.x to build, preview, and debug your first HarmonyOS native application, including configuration details and common pitfalls.
This article thoroughly analyzes how the Taro front‑end framework is adapted to Huawei's HarmonyOS ArkTS by employing a runtime‑centric adaptation approach that maps Taro's virtual DOM to ArkTS UI components, reducing compile‑time conversion errors and improving developer experience.
This article introduces Huawei's upcoming HarmonyOS Next, explains the ArkUI framework with its declarative ArkTS and Web‑like development models, compares the two paradigms, and details how the Taro framework can bridge Web development practices to ArkTS for cross‑platform app creation.
This tutorial walks through creating a complete HarmonyOS demo project without backend integration, covering project setup, constant files, login and registration pages, navigation tabs, home page components, search, list, refresh, and custom input components, all illustrated with code snippets and screenshots.
ArkTS, Huawei’s evolution of JavaScript and TypeScript, provides a declarative UI framework with enhanced rendering, cross‑OS support, and streamlined state management through @State, @StorageLink, and AppStorage, enabling developers to build concise, high‑performance HarmonyOS applications using familiar JS/TS syntax.
This article introduces Huawei’s HarmonyOS, explains its all‑scenario, distributed architecture and key features, compares it with Android’s kernel and performance, discusses market and policy implications, and provides a step‑by‑step tutorial for setting up DevEco Studio and creating a first HarmonyOS app.
To begin developing HarmonyOS apps with Huawei DevEco Studio, download and install the IDE and required SDKs, configure Node.js and OHPM, verify the environment, create a new Stage‑model project using the Empty Ability template, explore the generated ArkTS directory structure, compare it to Android projects, and run the app on an emulator.
This article explains how Alipay integrates HarmonyOS 4.0 real‑time activity notifications to provide intelligent medical reminders, detailing the UI forms, cross‑team data flow, communication protocols, code integration, optimization challenges, and future scenario expansions.
Huawei's recent announcements reveal the return of Kirin mobile chips, an aggressive 40‑million‑unit smartphone shipment target, and the upcoming HarmonyOS 4.0 beta with UI improvements, performance enhancements, and expanded device support, highlighting the company's confidence in its mobile ecosystem.
This article shares Trip.com’s practical experience with HarmonyOS development, covering the system’s distributed architecture, supported languages, service‑card design, native‑WebView integration, configuration files, testing, signing, and future outlook for cross‑device mobile applications.
The article reviews the postponed internal testing of HarmonyOS 3.0, highlights its top elderly‑friendly rating, introduces a new crash‑reporting service, and details a discovered AppGallery vulnerability that allows free downloading of paid apps, providing a concise security‑focused overview of recent Huawei developments.
This guide demonstrates how to use Appium for automated testing of HarmonyOS applications, covering device connection setup, .hap package installation via HDC, element location strategies, handling logs, and compatibility considerations, providing code examples for developers familiar with Android automation.
Integrating Rax with Huawei’s HarmonyOS leverages a driver‑adapter pattern to enable code‑share cross‑platform development, offering three strategies—syntax compilation, mini‑program runtime, and direct rendering—so developers can embed Rax output now while progressing toward a seamless full‑stack workflow and Harmony 3.0 release.
This article explains how the Rax framework integrates with Huawei's HarmonyOS to allow JavaScript‑based applications across multiple devices, covering the motivations for cross‑platform development, technical solutions, rendering architecture, build pipelines, and the roadmap for future collaboration.
This article explains why cross‑platform development is needed, compares one‑code‑many‑devices versus separate codebases, introduces Rax as a React‑style framework, and details the technical architecture, rendering pipeline, build process, and development workflow for creating HarmonyOS applications with Rax.
This curated list showcases Alibaba Mobile Technology's standout 2021 articles, covering HarmonyOS rendering engine analysis, Youku's HarmonyOS development series, Gaode Map performance optimization, AndroidX migration, Flutter performance tricks, security production systems, QUIC protocol adoption, and cutting‑edge OCR and AI advancements.
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.
This article provides a comprehensive overview of HarmonyOS's layered architecture, key technical features, application development fundamentals, and step‑by‑step instructions for creating and configuring service cards, including code examples, debugging tips, common issues, and future development directions.
This guide explains how to use the Taro framework to develop and adapt applications for Huawei's HarmonyOS, covering background, key differences with mini‑programs, the compatibility plugin, configuration steps, required tooling, and how to build and run a HarmonyOS project.
This issue presents deep dives into HarmonyOS ACE UI architecture, common infinite-loop pitfalls of React’s useEffect hook, a Three.js tutorial for building a 3D room, an introductory guide to graph neural networks, and a fundamentals‑focused machine‑learning primer, offering practical insights across front‑end, graphics, and AI domains.
This article details Youku's strategic partnership with Huawei, explaining how HarmonyOS's distributed capabilities enable continuous and collaborative multi‑screen experiences such as seamless video flow, free‑view angles, and advanced casting, while also presenting the underlying architecture, protocols, and code implementations.
This article explains how to combine an existing Android APK with a HarmonyOS HAP into a single hybrid package for Youku, covering packaging schemes, required configurations, signing procedures, and deployment steps, enabling gradual migration from Android to pure HarmonyOS.
This article details Youku’s practical experience developing HarmonyOS widgets, covering Ability packaging, mixed Android‑HarmonyOS builds, card UI designs, lifecycle callbacks, data fetching via WebView, local caching with SQLite, update strategies, and lessons learned for future mobile development on HarmonyOS.
This article explains how 1688's live‑streaming platform leverages HarmonyOS's distributed soft bus to coordinate multiple devices—phones, cameras, and large screens—allowing seamless data migration, interactive large‑screen displays, and low‑cost, high‑efficiency multi‑device broadcasting for merchants.
The JD Frontend Technology Salon held on September 18, 2021 gathered internal and external experts to discuss cross‑platform development, open‑source initiatives, and HarmonyOS, presenting a series of technical talks, round‑table discussions, and Q&A sessions that highlighted current practices, challenges, and future directions in front‑end engineering.
This guide explains how to integrate the free AMap (Gaode) Map SDK for HarmonyOS, covering migration from Android, environment setup, signing, obtaining an appId and API key, adding the .har library, configuring permissions, initializing a MapView in an Ability, and accessing full map features such as rendering, search, routing, and custom overlays.
This article provides a comprehensive overview of HarmonyOS, its JavaScript GUI development framework, and how it differs from Android, offering insights for developers transitioning to this distributed operating system.
This guide shows how to configure permissions, enable cleartext traffic, create a JS page, import the fetch module, and use fetch.fetch in the onInit lifecycle to retrieve JSON data from an external API and display it in a HarmonyOS UI.
This guide shows how to import the HarmonyOS storage module, use its get and set methods, and integrate them into a todo‑list app’s lifecycle so that tasks are saved across sessions, with full code examples and screenshots of the result.
This tutorial walks through creating a full-featured Todo List app in HarmonyOS, covering page navigation, HML layout, data binding with for-loops, switch components, computed properties, event handling in JavaScript, and the accompanying CSS styling.
After creating a Hello World app with JavaScript on HarmonyOS, this guide details the project’s directory layout, configuration files, lifecycle hooks, path conventions, and demonstrates how to load i18n resources and render a data list with concrete code examples.
This week’s WecTeam frontend newsletter highlights two practical mobile development articles: a performance‑focused Android native unwind technique that improves backtrace speed with minimal trade‑offs, and a rapid‑adaptation strategy for deploying JD's app on HarmonyOS using a hybrid package approach.
This guide details how JD adapted its Android app for HarmonyOS using a hybrid packaging approach, covering HarmonyOS features, Android‑to‑Harmony migration steps, inter‑call mechanisms, Feature Ability development, packaging, and publishing for a cross‑device shopping experience.
The article examines YunOS’s rise and fall, its battles with Google, and how those experiences inform the challenges and opportunities facing Huawei’s HarmonyOS in the competitive mobile operating system landscape.
This tutorial walks readers through downloading the HarmonyOS 2.0 IDE, configuring the SDK, creating various types of HarmonyOS applications (TV, Wearable, Lite Wearable), installing the emulator, authorizing a Huawei account, and finally running a Hello World app on the emulator.
The article explains HarmonyOS 2.0’s architecture, debunks the claim that it merely skins Android by showing its compatibility layer, walks through creating a simple HarmonyOS app with DevEco Studio, and highlights the .hap package format and future .app format as evidence of an independent ecosystem.
This tutorial walks readers through the entire process of setting up the HarmonyOS 2.0 development environment, downloading the IDE and SDK, creating various types of projects, configuring the emulator, and finally running a simple "Hello World" application on a Huawei device.
This tutorial provides a comprehensive step‑by‑step guide to setting up the HarmonyOS 2.0 development environment, downloading the IDE and SDK, creating various app projects, configuring the emulator, and successfully running a Hello World application on a TV device.
This step‑by‑step guide shows beginners how to download and install Huawei DevEco Studio, create a new HarmonyOS project, configure a P40 phone simulator, and run the first HelloWorld app, complete with screenshots and download links.
Huawei announced that its flagship phones will begin upgrading to HarmonyOS starting in April, aiming for 300 million devices this year—including 200 million phones—and emphasized that the OS builds on open‑source AOSP code while striving to surpass Android in the era of ubiquitous connectivity.
This article explains the core concepts of HarmonyOS distributed development, compares it with Android, and walks through a complete example—including permission configuration, IDL definition, proxy‑stub generation, device discovery, UI handling, and remote invocation—so developers can create cross‑device applications.
Meituan’s MTFlutter team rebuilt Flutter’s embedder layer for HarmonyOS by simulating VSync, creating a SurfaceProvider‑based rendering surface, forwarding touch, key and speech events, and re‑implementing asset loading, message loops and lifecycle callbacks, allowing Flutter apps to run on phones, tablets, TVs and wearables.
The article outlines HarmonyOS 2.0’s open‑source release, introduces the DevEco Studio IDE, compares its resource structure and configuration files with Android, and highlights the platform’s multi‑device debugging, permission handling, and testing advantages for developers.
The article introduces HarmonyOS 2.0 beta, provides the OpenHarmony source URL and DevEco Studio download link, and details major differences between HarmonyOS and Android projects such as resource structure, configuration files, language support, and testing workflow.
