BestHub
Sign in
Tagged articles

Declarative UI

26 articles · Page 1 of 1
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 17, 2025 · Mobile Development

Building a Children's Flag Learning App with HarmonyOS: Core Speech Kit & ArkTS Deep Dive

A HarmonyOS developer shares the technical journey of building 'Shengqu Guoqitong', a children's flag learning app, detailing why HarmonyOS was chosen over Android, Flutter, and React Native, and how Core Speech Kit's offline TTS/ASR and ArkTS declarative UI enabled efficient development of voice-driven, interactive educational features.

ArkTSChildren EducationCore Speech Kit
0 likes · 29 min read
Building a Children's Flag Learning App with HarmonyOS: Core Speech Kit & ArkTS Deep Dive
AndroidPub
AndroidPub
Jun 19, 2025 · Mobile Development

Flutter vs Jetpack Compose: Which Declarative UI Wins for Mobile Apps?

This article provides a concise side‑by‑side comparison of Flutter and Jetpack Compose, covering platform support, language, UI architecture, rendering pipelines, state management, custom UI/animation capabilities, development efficiency, deployment considerations, and ecosystem maturity to help developers choose the right declarative UI framework for their mobile projects.

Declarative UIFlutterJetpack Compose
0 likes · 8 min read
Flutter vs Jetpack Compose: Which Declarative UI Wins for Mobile Apps?
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
Ximalaya Technology Team
Ximalaya Technology Team
Dec 10, 2023 · Frontend Development

Implementing a TodoList Component with ArkTS Declarative UI and State Management

By using ArkTS’s declarative UI features—@Entry, @Component, @Preview, struct‑based custom components, property chaining, Column layout, and a ForEach loop—this tutorial builds a TodoList where each ToDoItem toggles an isComplete state on click, automatically updating the view through state‑driven rendering.

ArkTSDeclarative UITodoList
0 likes · 6 min read
Implementing a TodoList Component with ArkTS Declarative UI and State Management
Ximalaya Technology Team
Ximalaya Technology Team
Nov 28, 2023 · Frontend Development

An Overview of ArkTS: Origin, Evolution, Declarative UI Paradigm, and State Management

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.

ArkTSDeclarative UIHarmonyOS
0 likes · 10 min read
An Overview of ArkTS: Origin, Evolution, Declarative UI Paradigm, and State Management
Airbnb Technology Team
Airbnb Technology Team
Nov 17, 2023 · Mobile Development

Airbnb’s Journey from Epoxy/UIKit to SwiftUI: Evaluation, Migration, and Lessons Learned

Airbnb’s three‑stage migration from its custom Epoxy/UIKit stack to SwiftUI involved extensive evaluation, rebuilding the design system with flexible style protocols, bridging UIKit and SwiftUI, adopting one‑way data flow, extensive testing and training, resulting in six‑fold code reduction, comparable performance, widespread production adoption, and higher developer productivity despite remaining framework challenges.

AirbnbDeclarative UIEpoxy
0 likes · 17 min read
Airbnb’s Journey from Epoxy/UIKit to SwiftUI: Evaluation, Migration, and Lessons Learned
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Nov 21, 2022 · Mobile Development

Deep Dive into Jetpack Compose Runtime: Core Implementation Principles

The article dissects Jetpack Compose’s runtime, explaining how the Kotlin compiler plugin transforms @Composable functions with $composer parameters, builds a dual NodeTree using SlotTable and LayoutNode, employs a GapBuffer‑optimized virtual DOM, and leverages a Snapshot‑based MVCC system to manage state changes and trigger efficient recomposition.

Android developmentCompose RuntimeDeclarative UI
0 likes · 22 min read
Deep Dive into Jetpack Compose Runtime: Core Implementation Principles
DaTaobao Tech
DaTaobao Tech
Oct 13, 2022 · Mobile Development

Getting Started with Jetpack Compose: Building a Simple Page

This tutorial walks through building a simple Jetpack Compose page, showing how to define composable functions, manage reactive state, preview UI, add animations, and adapt layouts for portrait and landscape, providing a concise foundation for modern Android UI development.

Android UIAnimationDeclarative UI
0 likes · 11 min read
Getting Started with Jetpack Compose: Building a Simple Page
BaiPing Technology
BaiPing Technology
Dec 20, 2021 · Mobile Development

Master Jetpack Compose: A Beginner’s Guide to Modern Android UI Development

This article introduces Jetpack Compose, Google’s modern declarative UI toolkit for Android, explaining its origins, core concepts of declarative UI, basic usage, essential components like Text, Button, Image, layout containers, modifiers, state management, and provides practical code examples to help developers build efficient, modern Android interfaces.

Android UIDeclarative UIJetpack Compose
0 likes · 21 min read
Master Jetpack Compose: A Beginner’s Guide to Modern Android UI Development
Airbnb Technology Team
Airbnb Technology Team
Aug 16, 2021 · Mobile Development

From Imperative to Declarative UI: Airbnb's Epoxy Framework for iOS

Airbnb’s Epoxy iOS framework replaces fragile, indexPath‑driven imperative UI code with a declarative model‑based system that automatically diffs and animates view updates, eliminating crashes, boosting developer satisfaction from –78 to +58, and enabling a unified, open‑source approach to building Swift interfaces.

Declarative UIDiffing AlgorithmEpoxy
0 likes · 10 min read
From Imperative to Declarative UI: Airbnb's Epoxy Framework for iOS
Sohu Tech Products
Sohu Tech Products
Jun 16, 2021 · Mobile Development

Getting Started with Jetpack Compose: Setup, Core Concepts, and Practical UI Development

This article introduces Jetpack Compose, explains why it replaces XML‑based Android UI, walks through environment setup, Gradle configuration, and dependency inclusion, demonstrates the setContent and XML integration methods, explores composable functions, state management, list rendering with LazyColumn, and shares practical tips and reflections on declarative UI development in Android.

AndroidComposeDeclarative UI
0 likes · 20 min read
Getting Started with Jetpack Compose: Setup, Core Concepts, and Practical UI Development
Youzan Coder
Youzan Coder
Jun 10, 2020 · Mobile Development

Building a Declarative UI Framework for UIKit in Swift

The article presents a Swift‑based declarative UI framework for UIKit that replaces AutoLayout with a flexible, CSS‑like style system, reactive state handling, and extensible layout nodes, enabling cleaner code, efficient animated lists, and improved development speed while planning future optimizations such as dirty‑checking and virtual layouts.

Declarative UIFlexboxReactive Programming
0 likes · 11 min read
Building a Declarative UI Framework for UIKit in Swift
Sohu Tech Products
Sohu Tech Products
Apr 15, 2020 · Mobile Development

Getting Started with Jetpack Compose: Overview, Setup, and Basic UI Components

This article introduces Jetpack Compose, Google's modern declarative UI toolkit for Android, covering its history, installation steps, adding Compose to existing projects or creating new ones, basic composable functions, layout techniques with Column, Container, Spacer, Material Design styling, and preview capabilities, all illustrated with Kotlin code examples.

Declarative UIJetpack ComposeKotlin
0 likes · 18 min read
Getting Started with Jetpack Compose: Overview, Setup, and Basic UI Components
Ctrip Technology
Ctrip Technology
Sep 19, 2019 · Mobile Development

Understanding SwiftUI: New Swift 5.1 Syntax, Opaque Result Types, Property Delegates, and Function Builders

This article explains SwiftUI's declarative UI approach by introducing Swift 5.1 language features such as Opaque Result Types, Property Delegates, and Function Builders, illustrating their implementation with code examples, and discussing component composition, data flow, preview capabilities, and future prospects for mobile development.

Declarative UIFunction BuildersProperty Wrappers
0 likes · 15 min read
Understanding SwiftUI: New Swift 5.1 Syntax, Opaque Result Types, Property Delegates, and Function Builders
Huajiao Technology
Huajiao Technology
Sep 10, 2019 · Mobile Development

Comparing SwiftUI and Flutter: Declarative UI Approaches for Mobile Development

This article compares Apple’s SwiftUI and Google’s Flutter declarative UI frameworks across development environment, UI components, layout, navigation, native integration, and state management, highlighting their similarities, differences, code complexity, and maturity for cross‑platform mobile app development.

Declarative UIFlutterMobile Development
0 likes · 16 min read
Comparing SwiftUI and Flutter: Declarative UI Approaches for Mobile Development
Qunar Tech Salon
Qunar Tech Salon
Jun 4, 2019 · Mobile Development

Litho: Facebook’s Declarative Android UI Framework – Overview, Usage, and Principles

Litho is a Facebook‑originated declarative framework for building high‑performance Android UI, replacing XML layouts with component‑based code, leveraging Yoga for async layout, flattening view hierarchies, and offering fine‑grained reuse to dramatically improve RecyclerView scrolling speed and memory consumption.

AndroidComponentDeclarative UI
0 likes · 17 min read
Litho: Facebook’s Declarative Android UI Framework – Overview, Usage, and Principles
Meituan Technology Team
Meituan Technology Team
Mar 14, 2019 · Mobile Development

Litho: Declarative Android UI Framework – Principles, Usage, and Performance

Litho, Facebook’s declarative Android UI framework, lets developers define components with immutable props and asynchronous layout, flattening view hierarchies and enabling fine‑grained reuse to boost scroll performance and cut memory usage, though it requires custom component code and lacks a real‑time preview.

AndroidDeclarative UILitho
0 likes · 15 min read
Litho: Declarative Android UI Framework – Principles, Usage, and Performance