Tagged articles
6 articles
Page 1 of 1
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
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
Tencent Music Tech Team
Tencent Music Tech Team
Mar 17, 2017 · Mobile Development

Introduction to Yoga Layout Engine, Flexbox Basics, and Android Integration

Yoga, Facebook’s cross‑platform C‑based Flexbox layout engine with Java, C#, and Objective‑C bindings, lets developers define UI hierarchies using Flexbox properties, compile it via Buck or import a Gradle module, calculate node positions in Android, and manually apply them to Views, offering cross‑platform consistency but requiring extra integration effort.

AndroidBuckFlexbox
0 likes · 17 min read
Introduction to Yoga Layout Engine, Flexbox Basics, and Android Integration