Declarative UI | BestHub

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

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

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

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

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

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

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 UIDeclarative UIJetpack Compose

0 likes · 11 min read

Getting Started with Jetpack Compose: Building a Simple Page

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

ByteDance Dali Intelligent Technology Team

Aug 13, 2021 · Mobile Development

Jetpack Compose: A New Android UI Framework

Jetpack Compose is a new Android UI framework that replaces traditional View and ViewGroup with a declarative approach, allowing developers to write less code, achieve faster development, and create more maintainable applications.

Android UIDeclarative UIJetpack Compose

0 likes · 15 min read

Jetpack Compose: A New Android UI Framework

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

Qunar Tech Salon

May 19, 2021 · Frontend Development

Understanding SwiftUI: Architecture, Features, and Adoption in Qunar's Large iOS Client

This article introduces SwiftUI, compares it with other declarative UI frameworks, explains its rendering pipeline, lifecycle, data‑binding mechanisms, language features, and discusses how Qunar has adopted SwiftUI and migrated parts of its native iOS codebase from Objective‑C to Swift.

CombineDeclarative UISwift

0 likes · 19 min read

Understanding SwiftUI: Architecture, Features, and Adoption in Qunar's Large iOS Client

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

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.

AndroidDeclarative UIJetpack Compose

0 likes · 18 min read

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

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

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 UIFlutterSwiftUI

0 likes · 16 min read

Comparing SwiftUI and Flutter: Declarative UI Approaches for Mobile Development

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.

AndroidDeclarative UIFlexbox

0 likes · 17 min read