Tag

ReactNative

0 views collected around this technical thread.

NetEase Cloud Music Tech Team
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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