ReactNative | BestHub

NetEase Cloud Music Tech Team

Sep 13, 2022 · Mobile Development

React Native Dynamic List Integration in Android RecyclerView

The paper presents a React Native‑based dynamic list solution that embeds an RN container inside Android RecyclerView ViewHolders, using data‑driven rendering and pre‑loaded offline bundles to achieve middle‑to‑upper performance, modest memory use, and sub‑0.01% error rates while preserving native first‑screen speed.

DynamicListMobileDevelopmentReactNative

0 likes · 14 min read

React Native Dynamic List Integration in Android RecyclerView

Ctrip Technology

Jun 2, 2022 · Mobile Development

Quantifying and Improving Mobile App Performance: Metrics, Monitoring, and Optimization Practices at Ctrip

This article details Ctrip's mobile app performance improvement framework, introducing quantitative smoothness metrics, interactive load time measurement, Flutter and React Native monitoring techniques, and practical optimizations that reduced slow‑load rates from 42.9% to 8% while boosting overall smoothness to 80%.

FlutterMobileReactNative

0 likes · 19 min read

Quantifying and Improving Mobile App Performance: Metrics, Monitoring, and Optimization Practices at Ctrip

Manbang Technology Team

Sep 10, 2021 · Mobile Development

Upgrading React Native from 0.51 to 0.62: Performance Gains, Migration Strategy, and Deployment Plan

This article details the full migration of a large‑scale mobile app from React Native 0.51 to 0.62, covering background, major improvements such as Hermes engine adoption, extensive performance testing, risk‑controlled batch rollout, API compatibility handling, tooling support, CI/CD integration, and post‑deployment verification.

CI/CDDeploymentHermes

0 likes · 20 min read

Upgrading React Native from 0.51 to 0.62: Performance Gains, Migration Strategy, and Deployment Plan

Ctrip Technology

Nov 12, 2020 · Backend Development

Ctrip Live Streaming Technology Overview and Implementation

This article presents a comprehensive overview of Ctrip's live streaming solution, covering the evolution of live streaming, core streaming principles, encoding and protocol choices such as RTMP, HLS, WebRTC, the front‑end framework built with Android, ReactNative and native modules, encountered integration challenges, and the final architectural summary.

Live StreamingRTMPReactNative

0 likes · 12 min read

Ctrip Live Streaming Technology Overview and Implementation

Tencent Music Tech Team

Jul 2, 2020 · Mobile Development

Lottie Animation Principles and Implementation Overview

The article thoroughly examines Lottie animation technology, describing how After Effects projects are converted into JSON, parsed into Objective‑C data models such as LOTComposition and LOTLayer, and rendered on iOS/Android via Core Animation, detailing asset handling, layer hierarchy, frame interpolation, and implementation specifics.

CoreAnimationJSONLottie

0 likes · 13 min read

Lottie Animation Principles and Implementation Overview

58 Tech

May 6, 2020 · Mobile Development

Dynamic Multi‑Platform Development Practices at 58.com: WubaRN, Tangram, Flutter, and Taro

The article presents 58.com’s approach to rapid multi‑endpoint development by employing several cross‑platform frameworks—including WubaRN (a ReactNative wrapper), Hybrid, Tangram for layout dynamization, Baidu mini‑programs, Flutter, and the Taro transpilation framework—detailing their architectures, advantages, limitations, and future planning for unified mobile solutions.

FlutterMobile DevelopmentReactNative

0 likes · 10 min read

Dynamic Multi‑Platform Development Practices at 58.com: WubaRN, Tangram, Flutter, and Taro

Youzan Coder

Jan 20, 2020 · Frontend Development

Frontend Technology Exchange Meeting: YouZan and Meicai Share Development Practices

In a closed-door Frontend Technology Exchange, YouZan and Meicai teams shared practices ranging from YouZan Retail’s cross-platform receipt printing and Electron-based desktop cashier client to Meicai’s ReactNative CRM architecture, RAD rapid project scaffolding, and open-source component library development, sparking cross-team insights and collaboration.

Component LibraryCross-Platform DevelopmentDesktop Application

0 likes · 6 min read

Frontend Technology Exchange Meeting: YouZan and Meicai Share Development Practices

Qunar Tech Salon

Aug 14, 2018 · Mobile Development

Deep Dive into React Native’s Native Event‑Handling Path: From RCTRootView to the JavaScript Bridge

This article thoroughly analyzes React Native’s native event‑handling pipeline, explaining how RCTRootView creates RCTRootContentView and RCTTouchHandler, detailing the touchesBegan/touchesMoved/touchesEnded implementations, and tracing the flow through _updateAndDispatchTouches, RCTEventDispatcher, and the bridge that finally invokes JavaScript callbacks.

EventHandlingNativeModulesRCTTouchHandler

0 likes · 9 min read

Deep Dive into React Native’s Native Event‑Handling Path: From RCTRootView to the JavaScript Bridge

JD Retail Technology

Jul 12, 2018 · Frontend Development

JDReact Multi‑Platform Conversion Engine: Principles and Usage for Bidirectional Mini‑Program and React Native Transformation

This article presents JDReact's multi‑platform framework and its bidirectional conversion tool that enables low‑cost migration between WeChat mini‑programs and JDReact applications, detailing the underlying AST‑based methodology, component alignment, lifecycle handling, style adaptation, limitations, and collaboration opportunities.

ASTCodeConversionJDReact

0 likes · 14 min read

JDReact Multi‑Platform Conversion Engine: Principles and Usage for Bidirectional Mini‑Program and React Native Transformation

JD Retail Technology

Jul 12, 2018 · Frontend Development

JDReact Dual‑Platform Conversion Tool: Principles and Usage for WeChat Mini‑Program and JDReact

This article explains JDReact's bidirectional conversion tool that enables low‑cost migration between WeChat mini‑programs and JDReact applications by parsing code into ASTs, applying transformation rules, handling component and style differences, and outlining scenarios, limitations, and collaboration opportunities.

ASTCodeConversionCrossPlatform

0 likes · 14 min read

JDReact Dual‑Platform Conversion Tool: Principles and Usage for WeChat Mini‑Program and JDReact

JD Tech

Jul 12, 2018 · Frontend Development

JDReact Multi‑Platform Framework and Its Mini‑Program Bidirectional Conversion Engine

This article introduces JDReact, a multi‑end integration framework used by JD.com, and details the design, principles, and usage of its bidirectional mini‑program conversion tool that enables low‑cost migration between WeChat mini‑programs and JDReact applications across various development scenarios.

ASTCodeConversionCrossPlatform

0 likes · 16 min read

JDReact Multi‑Platform Framework and Its Mini‑Program Bidirectional Conversion Engine

Qunar Tech Salon

May 23, 2018 · Mobile Development

Recap of 2018 Qunar Technology Carnival – QClient Session Highlights

The 2018 Qunar Technology Carnival QClient session on May 19 concluded with thanks to judges, hosts, volunteers, and a series of technical talks covering Flutter, ReactNative performance monitoring, instant‑messaging cloud, anti‑crawling platform, YApi API management, Android custom builds, and QRMaps indoor mapping, followed by lively audience interaction and a group photo.

FlutterMobile DevelopmentQClient

0 likes · 6 min read

Recap of 2018 Qunar Technology Carnival – QClient Session Highlights

JD Tech

Mar 16, 2018 · Frontend Development

JDReact Development Guide for the JD Oil Card Shell Project

This comprehensive guide details the setup, configuration, component customization, routing, context usage, debugging, and deployment processes for building the JD Oil Card Shell application with JDReact, covering both Android and iOS platforms, common pitfalls, and practical code examples.

JDReactMobileReactNative

0 likes · 18 min read

JDReact Development Guide for the JD Oil Card Shell Project

JD Retail Technology

Mar 16, 2018 · Frontend Development

JDReact Development Guide: Project Setup, Build, Debugging, and Common Issues

This article provides a comprehensive step‑by‑step guide for developing the JD oil‑card recharge feature with JDReact, covering project background, environment configuration, branch management, building for Android and iOS, troubleshooting image loading, routing, component customization, network requests, debugging, and release procedures.

BuildProcessJDReactMobileDevelopment

0 likes · 17 min read

JDReact Development Guide: Project Setup, Build, Debugging, and Common Issues

Architect

Mar 27, 2016 · Mobile Development

Applying Flux Architecture to Android: A Detailed Overview

This article explains how the Flux data‑driven architecture, originally created for Facebook's web client, can be adapted for Android applications, describing its four core modules, their interactions, and a practical ToDoList example with code snippets.

FluxMobile DevelopmentReactNative

0 likes · 4 min read

Applying Flux Architecture to Android: A Detailed Overview