BestHub
Sign in
Tagged articles
21 articles
Page 1 of 1
Sohu Tech Products
Sohu Tech Products
Mar 5, 2025 · Mobile Development

How ArkUI‑X Bridges ArkTS to Android & iOS: Architecture and Clipboard Integration

This article explores the ArkUI‑X cross‑platform framework, detailing its relationship with ArkTS and ArkUI, step‑by‑step environment setup, project creation, the compilation pipeline that generates ViewPU classes, and the intricate bridge that connects ArkTS code to Android and iOS system services such as the clipboard.

ArkUI-XClipboard IntegrationMobile Development
0 likes · 16 min read
How ArkUI‑X Bridges ArkTS to Android & iOS: Architecture and Clipboard Integration
ByteDance Web Infra
ByteDance Web Infra
Mar 5, 2025 · Frontend Development

Introducing Lynx: A High‑Performance Cross‑Platform Framework for Native and Web UI

Lynx is an open‑source, high‑performance cross‑platform framework that lets developers write a single codebase to deliver native‑grade experiences on both mobile and web, offering a dual‑thread architecture, modern CSS support, and a flexible ecosystem that scales from TikTok to future IoT devices.

LynxReactLynxcross‑platform
0 likes · 11 min read
Introducing Lynx: A High‑Performance Cross‑Platform Framework for Native and Web UI
JD Tech
JD Tech
Nov 13, 2024 · Frontend Development

Dynamic Cross‑Platform Rendering Architecture and Implementation on HarmonyOS

This article explains the end‑to‑end architecture, principles, and code implementation of the dynamic cross‑platform framework (Roma/Dynamic) on HarmonyOS, covering template loading, JS‑C++‑ArkTS instance creation, V‑Dom and Component tree construction, rendering pipeline, view updates, and performance optimizations.

CHarmonyOSJavaScript
0 likes · 30 min read
Dynamic Cross‑Platform Rendering Architecture and Implementation on HarmonyOS
JD Tech Talk
JD Tech Talk
Oct 10, 2024 · Frontend Development

Dynamic Cross‑Platform (Roma) Architecture and Rendering Process on HarmonyOS

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.

HarmonyOSJavaScriptSDK
0 likes · 26 min read
Dynamic Cross‑Platform (Roma) Architecture and Rendering Process on HarmonyOS
JD Cloud Developers
JD Cloud Developers
Oct 10, 2024 · Mobile Development

How Dynamic Cross‑Platform UI Rendering Works on HarmonyOS, Android, iOS, and Web

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.

HarmonyOSJavaScriptMobile Development
0 likes · 28 min read
How Dynamic Cross‑Platform UI Rendering Works on HarmonyOS, Android, iOS, and Web
JD Tech Talk
JD Tech Talk
Sep 2, 2024 · Frontend Development

Optimizing HarmonyOS Cross‑Platform UI Rendering with a C Interface Integration

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.

C interfaceHarmonyOSarkTS
0 likes · 14 min read
Optimizing HarmonyOS Cross‑Platform UI Rendering with a C Interface Integration
Tencent Cloud Developer
Tencent Cloud Developer
Apr 17, 2024 · Mobile Development

QQ 9 Performance Optimization: Technical Implementation Behind the "Silky Smooth" Experience

QQ 9 achieves a “silky smooth” experience by cutting launch time 40% through lazy‑loaded libraries and main‑thread priority tweaks, boosting runtime fluidity with an NT Kernel that offloads logic, incremental diff refreshes and parallel layout, and adding the Hodor anti‑degradation system, delivering 35% smoother performance and 48% less lag.

Android optimizationAsync LayoutDiff Algorithm
0 likes · 20 min read
QQ 9 Performance Optimization: Technical Implementation Behind the "Silky Smooth" Experience
iQIYI Technical Product Team
iQIYI Technical Product Team
Apr 12, 2024 · Mobile Development

Performance Optimization Strategies for iQIYI Android App on Low-End Devices

iQIYI improves its Android app for low‑end phones by classifying devices, streamlining startup with task‑based scheduling and baseline profiles, reducing UI thread load through card layout hard‑coding, message queuing, effect degradation, and pre‑fetching data, while continuously monitoring performance to ensure faster, smoother user experiences.

AndroidBaseline ProfilesPerformance Optimization
0 likes · 16 min read
Performance Optimization Strategies for iQIYI Android App on Low-End Devices
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Feb 10, 2023 · Mobile Development

Android Display System: From App to Screen

The article walks through Android’s display pipeline—from an app’s frame rendering through SurfaceFlinger, the Hardware Composer, and final screen output—showing how each stage appears in systrace and giving readers a macro‑level view of the data flow in Android S’s graphics system.

AndroidDisplay SystemSurfaceFlinger
0 likes · 8 min read
Android Display System: From App to Screen
Baidu Geek Talk
Baidu Geek Talk
Jan 10, 2022 · Frontend Development

How to Build Cross‑Platform PC Clients with Electron: A Practical Guide

This article walks through the rapid development of a PC client for the Wenku platform using Electron, covering technology selection, framework fundamentals, multi‑process architecture, Chromium‑Node integration, practical implementation details such as window management, code injection for fast iteration, and debugging versus release workflows.

Desktop DevelopmentElectroncross-platform
0 likes · 8 min read
How to Build Cross‑Platform PC Clients with Electron: A Practical Guide
ByteDance Dali Intelligent Technology Team
ByteDance Dali Intelligent Technology Team
Sep 1, 2021 · Mobile Development

Exploring Rust-Based UI Rendering on Android: Architecture, Hardware Acceleration, and JNI Integration

This article explores the feasibility of using Rust for UI rendering on Android by analyzing the rust-windowing ecosystem, detailing both software and hardware rendering approaches, explaining the integration of winit and glutin for cross-platform window and OpenGL context management, and demonstrating JNI-based communication with Android Surface components.

Android DevelopmentJNIOpenGL ES
0 likes · 15 min read
Exploring Rust-Based UI Rendering on Android: Architecture, Hardware Acceleration, and JNI Integration
21CTO
21CTO
Nov 10, 2019 · Mobile Development

How We Built a Scalable Mobile IM System for a Travel App

This article details the design and implementation of a scalable mobile instant‑messaging system for a travel app, covering architecture, data‑channel handling, subscription mechanisms, UI rendering, message de‑duplication, local push strategies, reconnection logic, and future upgrades to WebSocket.

Instant MessagingMessage DeduplicationMobile
0 likes · 16 min read
How We Built a Scalable Mobile IM System for a Travel App
NetEase Media Technology Team
NetEase Media Technology Team
Oct 31, 2019 · Mobile Development

Understanding Flutter UI Rendering: Widget, Element, and RenderObject Trees

Flutter renders UI through three interconnected trees—Widget, Element, and RenderObject—where Widgets describe configuration, Elements link Widgets to RenderObjects that perform layout and painting; state changes trigger rebuilds that efficiently update only affected RenderObjects, enabling native‑like performance via the Dart‑Skia pipeline.

Element TreeFlutterMobile Development
0 likes · 16 min read
Understanding Flutter UI Rendering: Widget, Element, and RenderObject Trees
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Sep 30, 2019 · Frontend Development

Why Flutter Could Be the Next Big Thing for Frontend Developers

This article provides a comprehensive overview of Flutter's architecture, rendering pipeline, and lifecycle, comparing it with React Native and explaining how its self‑draw engine, Dart language, and cross‑platform capabilities make it a compelling choice for modern frontend development.

DARTSkiaui-rendering
0 likes · 27 min read
Why Flutter Could Be the Next Big Thing for Frontend Developers
iQIYI Technical Product Team
iQIYI Technical Product Team
Aug 16, 2019 · Frontend Development

RND (React Node Desktop): Architecture, Thread Model, JS Runtime, Bridge, Resource Management, and Debugging

RND (React Node Desktop) is a lightweight cross‑platform desktop framework that merges a React‑based JavaScript layer, an embedded V8‑powered Node runtime, and a native UI engine (Lyra with Yoga layout), employing a dual‑thread model, shared V8 isolate, asynchronous bridge, modular resource handling with hot‑update, and integrated Chrome/VSCode/Electron debugging.

JavaScriptRNDReact Node Desktop
0 likes · 14 min read
RND (React Node Desktop): Architecture, Thread Model, JS Runtime, Bridge, Resource Management, and Debugging
Xianyu Technology
Xianyu Technology
Jul 31, 2019 · Mobile Development

Design and Implementation of a Powerful Rich Text Component in Flutter

To meet Xianyu’s e‑commerce product‑detail needs, the team built a custom RichText solution in Flutter that uses a zero‑width‑space placeholder (SpaceSpan) with adjustable letter‑spacing and font‑size to reserve space, then positions any widget via a Stack, enabling inline images, emojis and custom components without altering Flutter’s core rendering, though further work is needed for automatic sizing, text selection and editor integration.

FlutterMobile DevelopmentRichText
0 likes · 7 min read
Design and Implementation of a Powerful Rich Text Component in Flutter
21CTO
21CTO
Jan 11, 2016 · Mobile Development

How Mobile Taobao Overcame 5 Performance Bottlenecks with Proven Optimization Techniques

This article details the five major performance problems faced by the Mobile Taobao app, the Android profiling tools used to identify bottlenecks, and the step‑by‑step optimizations—including startup, UI rendering, memory management, and lazy loading—that reduced memory usage by nearly 50% and boosted frame rates by about 20%.

Android optimizationProfiling Toolsapp startup
0 likes · 11 min read
How Mobile Taobao Overcame 5 Performance Bottlenecks with Proven Optimization Techniques