BestHub
Sign in
Tagged articles

ArkUI

48 articles · Page 1 of 1
51CTO HarmonyOS Developer Community
51CTO HarmonyOS Developer Community
Aug 28, 2026 · Mobile Development

HarmonyOS Cold Start Optimization: 4-Step Pipeline from Icon Tap to Interactive

This article details a four-step HarmonyOS cold start optimization methodology: baseline measurement, deferred non-critical parsing, taskpool concurrency for heavy parsing, and skeleton screens with in-process caching to decouple first-frame and interactive metrics, validated via dual-track measurement on a sample 'Morning Brief' page.

ArkUICachingHarmonyOS
0 likes · 36 min read
HarmonyOS Cold Start Optimization: 4-Step Pipeline from Icon Tap to Interactive
HarmonyOS Developer Technology
HarmonyOS Developer Technology
Jul 13, 2026 · Mobile Development

HarmonyOS Wearable App Development: A Complete Beginner's Guide

This guide covers HarmonyOS wearable app development from fundamentals to distribution, including cross-device continuation, rotating crown and gesture interactions, ArkTS/ArkUI frameworks, JS-like paradigm for lightweight wearables, design guidelines, best practices for architecture and security, debugging, performance tuning, and AppGallery Connect publishing.

App DistributionArkTSArkUI
0 likes · 14 min read
HarmonyOS Wearable App Development: A Complete Beginner's Guide
HarmonyOS Developer Technology
HarmonyOS Developer Technology
Jun 14, 2026 · Artificial Intelligence

HarmonyOS Agent Skills Open-Sourced: AI-Powered Development Efficiency Boost

HarmonyOS has open-sourced its first batch of Agent Skills on GitCode, providing AI-assisted coding support for ArkTS syntax checking, ArkUI development, multi-device adaptation, and application stability diagnosis, with demonstrated efficiency gains in foldable device adaptation and freeze analysis.

AI-assisted developmentAgent SkillsArkTS
0 likes · 6 min read
HarmonyOS Agent Skills Open-Sourced: AI-Powered Development Efficiency Boost
HarmonyOS Developer Technology
HarmonyOS Developer Technology
Jun 13, 2026 · Mobile Development

HarmonyOS 7.0 Beta1: On-Device A2A, 3DGS Spatial Computing, Instant App Startup

HarmonyOS 7.0 Developer Beta1 introduces on-device A2A for secure agent integration, 3D Gaussian Splatting spatial reconstruction and rendering, ArkUI immersive light-sense components, ArkTS compilation and debugging enhancements, OHAudioSuite spatial audio pipeline, and a kernel-level fast startup technology that trades storage I/O for memory savings to achieve instant app launches.

3D Gaussian SplattingAbility KitArkTS
0 likes · 12 min read
HarmonyOS 7.0 Beta1: On-Device A2A, 3DGS Spatial Computing, Instant App Startup
Kuaishou Tech
Kuaishou Tech
Jun 10, 2026 · Mobile Development

How Kuaishou Scaled HarmonyOS: Technical Practices Unveiled at HDC 2026

The article outlines Kuaishou's seven technical sessions at HDC 2026, detailing solutions for HarmonyOS large‑scale deployment such as startup performance, HD streaming, memory‑leak mitigation, cross‑platform framework adaptation, KMP integration, ArkUI optimization, and AI‑native enhancements.

AI IntegrationArkUICross-platform Development
0 likes · 9 min read
How Kuaishou Scaled HarmonyOS: Technical Practices Unveiled at HDC 2026
51CTO HarmonyOS Developer Community
51CTO HarmonyOS Developer Community
May 8, 2026 · Mobile Development

Building a HarmonyOS Accounting App with HDS Suite: Custom TabBar, Navigation & Progress Components

This tutorial demonstrates how to rapidly construct a HarmonyOS accounting application using the HDS suite, covering a custom center-button TabBar via yltabbar, a title bar with HdsNavDestination, a stacked expense card, a multi-segment circular progress bar with ylprogress, and a horizontal category ranking list.

Accounting AppArkUIHDS
0 likes · 8 min read
Building a HarmonyOS Accounting App with HDS Suite: Custom TabBar, Navigation & Progress Components
51CTO HarmonyOS Developer Community
51CTO HarmonyOS Developer Community
Apr 17, 2026 · Frontend Development

HarmonyOS NEXT Responsive Layout: Semantic Breakpoints, Slot Architecture & State Preservation

This article presents a practical approach to building responsive layouts in HarmonyOS NEXT by defining semantic window breakpoints (narrow/medium/wide), centralizing breakpoint logic in a dedicated store, separating layout concerns into a PageShell component, and preserving UI state like selection and scroll position across layout changes.

ArkUIHarmonyOS NEXTbreakpoints
0 likes · 12 min read
HarmonyOS NEXT Responsive Layout: Semantic Breakpoints, Slot Architecture & State Preservation
51CTO HarmonyOS Developer Community
51CTO HarmonyOS Developer Community
Mar 27, 2026 · Mobile Development

HarmonyOS Dynamic Gradient Backgrounds: From Property Animation to Keyframe Animation

This article details two approaches for creating dynamic gradient backgrounds in HarmonyOS apps: a simple property animation for color transitions and a high-performance keyframe animation that moves an oversized gradient layer to achieve complex flowing and rotating effects, with complete code examples and a comparison table.

Animation PerformanceArkUIDynamic Gradient
0 likes · 22 min read
HarmonyOS Dynamic Gradient Backgrounds: From Property Animation to Keyframe Animation
51CTO HarmonyOS Developer Community
51CTO HarmonyOS Developer Community
Mar 24, 2026 · Mobile Development

HarmonyOS Tutorial: Audio-Driven Wave Ripple Animation with Microphone Input

This HarmonyOS tutorial walks through building a sound-responsive wave ripple animation by capturing microphone amplitude via AudioCapturer, mapping the 0–1 level to a 80–300 pixel radius using a log10 sensitivity curve, animating three staggered circles with opacity fade, and throttling updates to prevent jank.

AnimationArkUIAudioCapturer
0 likes · 9 min read
HarmonyOS Tutorial: Audio-Driven Wave Ripple Animation with Microphone Input
Model Perspective
Model Perspective
Jan 28, 2026 · Mobile Development

Master HarmonyOS App Development: From Zero to Your First Hello World

This guide walks you through the complete HarmonyOS mobile development workflow—from understanding the platform’s layered architecture and core ArkTS/ArkUI concepts, to setting up DevEco Studio, creating a Hello World app, managing UI, state, routing, data, and finally packaging and publishing the app.

ArkTSArkUIDevEco Studio
0 likes · 12 min read
Master HarmonyOS App Development: From Zero to Your First Hello World
AI Code to Success
AI Code to Success
Jan 22, 2026 · Frontend Development

ArkUI Deep Dive: Lifecycle, FrameNode, LazyForEach & Rendering

This article explains ArkUI's component lifecycle hooks, the low‑level FrameNode API, LazyForEach rendering strategy with key generation, the full rendering pipeline, custom measure/layout methods, event bubbling, differences between property and explicit animations, and the purpose of XComponent for native rendering.

ArkUICustom LayoutEvent Bubbling
0 likes · 8 min read
ArkUI Deep Dive: Lifecycle, FrameNode, LazyForEach & Rendering
51CTO HarmonyOS Developer Community
51CTO HarmonyOS Developer Community
Jan 16, 2026 · Mobile Development

PromptTuner: Building a HarmonyOS 6 Prompt Assistant App - Technical Practices

This article shares the complete development journey of PromptTuner, a HarmonyOS 6 native app for prompt discovery, optimization, and management, covering architecture, ArkUI declarative UI patterns, state management, API abstraction, local analytics, privacy compliance, and performance optimization techniques with concrete code examples and metrics.

ArkTSArkUIDeclarative UI
0 likes · 43 min read
PromptTuner: Building a HarmonyOS 6 Prompt Assistant App - Technical Practices
51CTO HarmonyOS Developer Community
51CTO HarmonyOS Developer Community
Jan 6, 2026 · Mobile Development

Building a Cross-Device Health Diet App with HarmonyOS 6: Declarative UI, State Management & Performance Optimization

A developer shares technical insights from building 'Light Meal,' a cross-device health diet app on HarmonyOS 6, covering declarative UI with ArkUI, @ComponentV2 state management, performance optimizations cutting startup time 40%, service cards boosting daily active users 20%, and fine-grained permissions raising consent rates to 85%.

ArkUIBackground TasksDeclarative UI
0 likes · 44 min read
Building a Cross-Device Health Diet App with HarmonyOS 6: Declarative UI, State Management & Performance Optimization
51CTO HarmonyOS Developer Community
51CTO HarmonyOS Developer Community
Dec 29, 2025 · Mobile Development

Building a HarmonyOS 6 Travel App: Declarative UI, ArkData & AI Itinerary Planning

The article shares the development of 'Hongtu Zhidao', a travel app built on HarmonyOS 6, detailing its architecture, challenges like multi-tab navigation and AI content persistence, and solutions using ArkTS/ArkUI declarative UI, ArkData local storage, AppStorageV2 for global state, real-time AI itinerary planning, and DevEco Studio's hot reload and multi-device preview.

AppStorageV2ArkDataArkTS
0 likes · 18 min read
Building a HarmonyOS 6 Travel App: Declarative UI, ArkData & AI Itinerary Planning
51CTO HarmonyOS Developer Community
51CTO HarmonyOS Developer Community
Dec 26, 2025 · Mobile Development

Building PromptTuner: HarmonyOS 6 Prompt Assistant App — Architecture, ArkUI Patterns & Performance Lessons

This technical case study details the end-to-end development of PromptTuner, a HarmonyOS 6 native app for prompt discovery, optimization, and management, covering three-layer architecture, ArkUI declarative UI patterns, state management, API abstraction, local analytics, privacy compliance, and measurable performance gains.

API abstractionArkTSArkUI
0 likes · 35 min read
Building PromptTuner: HarmonyOS 6 Prompt Assistant App — Architecture, ArkUI Patterns & Performance Lessons
51CTO HarmonyOS Developer Community
51CTO HarmonyOS Developer Community
Dec 19, 2025 · Mobile Development

Building a Health Diet App with HarmonyOS 6: Declarative UI, State Management & Performance Optimization

A developer shares technical insights from building 'Light Meal Moment' on HarmonyOS 6, covering declarative UI with ArkUI, @ComponentV2 state management, service cards, background tasks, and security — with code examples and measured performance gains of 30-44% across startup, navigation, and memory.

@ComponentV2ArkUIBackground Tasks
0 likes · 56 min read
Building a Health Diet App with HarmonyOS 6: Declarative UI, State Management & Performance Optimization
51CTO HarmonyOS Developer Community
51CTO HarmonyOS Developer Community
Dec 12, 2025 · Mobile Development

Building a Full-Featured Image Editor for HarmonyOS: 2025 Developer Competition Insights & Technical Guide

A HarmonyOS developer shares complete technical implementation details and competition strategies from building 'Koko Picture Editor' for the 2025 HarmonyOS Developer Incentive Program, covering ArkUI architecture, ImageKit compression, Canvas cropping, color matrix filters, componentSnapshot watermarks, and performance optimization patterns.

ArkUICanvasDevEco Studio
0 likes · 22 min read
Building a Full-Featured Image Editor for HarmonyOS: 2025 Developer Competition Insights & Technical Guide
21CTO
21CTO
Sep 29, 2025 · Frontend Development

OpenHarmony 6.0: Key ArkUI, ArkTS, and Security Upgrades

OpenHarmony 6.0, unveiled at the 2025 OpenAtom OpenHarmony conference in Changsha, introduces major upgrades across UI components, ArkTS language, media handling, graphics, security protocols, and performance testing, while reporting over 17 million HarmonyOS devices and a rapidly growing contributor community.

ArkTSArkUIopenharmony
0 likes · 5 min read
OpenHarmony 6.0: Key ArkUI, ArkTS, and Security Upgrades
Sohu Smart Platform Tech Team
Sohu Smart Platform Tech Team
Aug 10, 2025 · Mobile Development

How to Create Complex Like-Button Animations on HarmonyOS vs Android

This article walks through implementing sophisticated like-button animations using HarmonyOS ArkUI, compares the approach with Android's animation framework, explains key ArkUI APIs like animateTo, and provides detailed Kotlin and TypeScript code for property, Bézier path, and lifecycle management of dynamic UI effects.

AndroidArkUIHarmonyOS
0 likes · 14 min read
How to Create Complex Like-Button Animations on HarmonyOS vs Android
Sohu Tech Products
Sohu Tech Products
Jul 23, 2025 · Mobile Development

Mastering Complex Like-Button Animations on HarmonyOS vs Android with ArkUI

This article walks through implementing sophisticated like-button animations for a news client on HarmonyOS using ArkUI, compares the approach with Android's animation framework, explains key ArkUI APIs like animateTo, and provides detailed Kotlin and TypeScript code for property and Bezier curve animations.

AndroidAnimationArkUI
0 likes · 15 min read
Mastering Complex Like-Button Animations on HarmonyOS vs Android with ArkUI
JD Tech
JD Tech
Dec 5, 2024 · Frontend Development

Running W3C Standard CSS on HarmonyOS with Taro: Bridging CSS and ArkUI

This article explains how Taro converts standard W3C CSS into HarmonyOS ArkUI styles, addressing unit and layout differences, using a Rust‑based LightningCSS plugin and the Yoga layout engine, and detailing the full style initialization, matching, application, and update workflow for cross‑platform React development.

ArkUICSSHarmonyOS
0 likes · 13 min read
Running W3C Standard CSS on HarmonyOS with Taro: Bridging CSS and ArkUI
JD Tech Talk
JD Tech Talk
Nov 1, 2024 · Frontend Development

Bridging CSS Differences: How Taro Adapts Styles for HarmonyOS ArkUI

This article explains how Taro resolves the incompatibilities between standard CSS and HarmonyOS ArkUI CAPI styles by converting CSS at compile time, using a Rust‑based LightningCSS plugin, and employing the Yoga layout engine to achieve high‑performance, cross‑platform UI rendering.

ArkUICSSHarmonyOS
0 likes · 12 min read
Bridging CSS Differences: How Taro Adapts Styles for HarmonyOS ArkUI
JD Cloud Developers
JD Cloud Developers
Nov 1, 2024 · Frontend Development

How Taro Transforms CSS for HarmonyOS: Bridging React and ArkUI

This article explains how Taro adapts standard CSS to HarmonyOS's ArkUI by converting units, handling layout differences with the Yoga engine, and implementing an efficient runtime style system that maintains cross‑platform compatibility and high performance for React‑based applications.

ArkUICSSHarmonyOS
0 likes · 12 min read
How Taro Transforms CSS for HarmonyOS: Bridging React and ArkUI
JD Cloud Developers
JD Cloud Developers
Oct 22, 2024 · Frontend Development

How Taro Transforms React Code to Run on HarmonyOS ArkUI

This article explains how the Taro framework bridges React applications to Huawei's HarmonyOS by converting React components into Taro's virtual nodes and then mapping them to ArkUI native components, detailing the runtime architecture, hostConfig methods, and three-step conversion process.

ArkUIHarmonyOSTaRO
0 likes · 10 min read
How Taro Transforms React Code to Run on HarmonyOS ArkUI
JD Tech Talk
JD Tech Talk
Oct 22, 2024 · Frontend Development

Implementing React-Based High-Performance HarmonyOS Apps with Taro: Runtime Principles and ArkUI Integration

This article examines how the Taro framework adapts React code to run on Huawei's HarmonyOS by implementing a custom renderer that converts React components into Taro virtual nodes, then maps them to ArkUI structures through a three‑step process involving Taro Elements, RenderNodes, and native ArkUI nodes.

ArkUIHarmonyOSReAct
0 likes · 11 min read
Implementing React-Based High-Performance HarmonyOS Apps with Taro: Runtime Principles and ArkUI Integration
JD Cloud Developers
JD Cloud Developers
Sep 26, 2024 · Mobile Development

How JD Finance Built Its HarmonyOS NEXT App: Architecture, Challenges, and Solutions

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.

ArkUIHarmonyOSROMA
0 likes · 26 min read
How JD Finance Built Its HarmonyOS NEXT App: Architecture, Challenges, and Solutions
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 13, 2024 · Frontend Development

Using ArkUI C/C++ API for Native UI Layout in HarmonyOS

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.

ArkUIC APIC++
0 likes · 10 min read
Using ArkUI C/C++ API for Native UI Layout in HarmonyOS
DaTaobao Tech
DaTaobao Tech
Aug 26, 2024 · Frontend Development

Analysis of HarmonyOS ArkUI Reactive Framework and Engine Implementation

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.

ArkUIHarmonyOSTypeScript
0 likes · 15 min read
Analysis of HarmonyOS ArkUI Reactive Framework and Engine Implementation
Zhuanzhuan Tech
Zhuanzhuan Tech
Jul 10, 2024 · Mobile Development

HarmonyOS Next Development Experience: Features, Differences from Android/iOS, and WebView 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.

ArkUIHarmonyOSMobile Development
0 likes · 20 min read
HarmonyOS Next Development Experience: Features, Differences from Android/iOS, and WebView Implementation
phodal
phodal
Feb 26, 2024 · Mobile Development

How Generative AI Can Accelerate HarmonyOS Development with AutoDev

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.

ArkTSArkUIAutoDev
0 likes · 9 min read
How Generative AI Can Accelerate HarmonyOS Development with AutoDev
Baidu Geek Talk
Baidu Geek Talk
Feb 26, 2024 · Mobile Development

HarmonyOS Development Guide: From Basics to First App

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.

ArkTSArkUIDeclarative UI
0 likes · 17 min read
HarmonyOS Development Guide: From Basics to First App
JD Retail Technology
JD Retail Technology
Dec 21, 2023 · Frontend Development

Exploring HarmonyOS Next: ArkUI Development Framework and Taro Integration

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.

ArkUIDeclarative UIHarmonyOS
0 likes · 8 min read
Exploring HarmonyOS Next: ArkUI Development Framework and Taro Integration
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 8, 2023 · Mobile Development

Step-by-Step Guide to Building a HarmonyOS Demo App with Login, Register, and Home Pages

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.

ArkUICodeLabsHarmonyOS
0 likes · 10 min read
Step-by-Step Guide to Building a HarmonyOS Demo App with Login, Register, and Home Pages