Tagged articles
186 articles
Page 1 of 2
21CTO
21CTO
Mar 26, 2026 · Frontend Development

Why TypeScript 6.0 Is the Bridge to a Faster, Safer Future

TypeScript 6.0, released in March 2026, introduces a suite of strategic defaults, new language features like Temporal API and RegExp.escape, and performance optimizations that streamline migration to the upcoming Go‑based compiler, boost React Native build times, and reduce silent type errors for modern web and mobile development.

Build OptimizationReact NativeTemporal API
0 likes · 9 min read
Why TypeScript 6.0 Is the Bridge to a Faster, Safer Future
58 Tech
58 Tech
Mar 16, 2026 · Mobile Development

How We Cut React Native Cold Start from 1.78 s to 0.8 s: A Four‑Step Optimization Journey

This article details a systematic four‑phase optimization of React Native page startup—preloading resources, advancing initialization, reusing and pre‑creating containers—that shrank cold start time by 55 % (1.78 s → 0.80 s) and hot start time by 70 % (1.10 s → 0.33 s), while exposing the new pitfalls introduced by container reuse.

Container PreloadingMobile DevelopmentReact Native
0 likes · 10 min read
How We Cut React Native Cold Start from 1.78 s to 0.8 s: A Four‑Step Optimization Journey
Node.js Tech Stack
Node.js Tech Stack
Dec 16, 2025 · Frontend Development

Microsoft Releases React Native for macOS – Bold Move or Gimmick?

Microsoft's open‑source react-native-macos lets developers use familiar React web techniques to build native macOS apps, offering performance gains over Electron, code reuse across platforms, but also facing challenges like fork‑sync delays, desktop‑specific UI complexities, and a smaller ecosystem.

ElectronMicrosoftReact Native
0 likes · 6 min read
Microsoft Releases React Native for macOS – Bold Move or Gimmick?
SpringMeng
SpringMeng
Dec 5, 2025 · Mobile Development

Create a Free Open‑Source Short‑Drama App that Generates Revenue and Supports Mini‑Program & Web

The article presents a comprehensive guide to building a free open‑source short‑drama mobile app, detailing functional modules, immersive player, personalized recommendations, social interactions, monetization models, and a full tech stack—including Flutter or React Native for the front‑end, micro‑services backend, CDN, and DRM—while addressing high‑concurrency and cross‑platform challenges.

CDNDRMFlutter
0 likes · 11 min read
Create a Free Open‑Source Short‑Drama App that Generates Revenue and Supports Mini‑Program & Web
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Dec 2, 2025 · Frontend Development

Why React Introduced a Compiler to Automate Performance Optimization

React Compiler 1.0, released in 2023, automatically eliminates the need for manual useMemo, useCallback, and memo by statically analyzing code to cache computations, generate update conditions, and replace these hooks, offering a safer, more comprehensive performance boost across Vite, Webpack, Next.js, and React Native projects.

Next.jsPerformance OptimizationReact
0 likes · 7 min read
Why React Introduced a Compiler to Automate Performance Optimization
Kuaishou Frontend Engineering
Kuaishou Frontend Engineering
Dec 24, 2024 · Frontend Development

How to Turn Lottie Animations into CSS and React Native Code

This article explains the challenges of converting designers' Lottie animation descriptions into reusable front‑end code, compares frame‑by‑frame, keyframe, and CSS variable approaches, and provides practical examples for generating CSS, CSS‑variables, and React Native Animated implementations.

LottieReact Nativecss animation
0 likes · 27 min read
How to Turn Lottie Animations into CSS and React Native Code
Ctrip Technology
Ctrip Technology
Nov 29, 2024 · Mobile Development

Ctrip's CRN Framework Adaptation and Performance Optimization for HarmonyOS

This article details Ctrip's migration of its large‑scale React Native (RN) codebase to HarmonyOS using the custom CRN framework, covering technology selection, version upgrades, native component re‑implementation, component C‑ization, performance optimizations such as pre‑loading, TurboModule worker threads, instruction pruning, and future roadmap.

CRNComponent CizationHarmonyOS
0 likes · 27 min read
Ctrip's CRN Framework Adaptation and Performance Optimization for HarmonyOS
Soul Technical Team
Soul Technical Team
Sep 30, 2024 · Mobile Development

Implementing Dynamic Code Splitting and Hot Updates in React Native with Metro Bundler

This article explains how to analyze React Native bundle contents, customize Metro's module ID generation to achieve stable code splitting, and integrate the resulting base and feature packages with a hot‑update workflow that preloads the base bundle, loads feature bundles on demand, and handles loading failures on iOS.

Code SplittingHot UpdateMetro bundler
0 likes · 17 min read
Implementing Dynamic Code Splitting and Hot Updates in React Native with Metro Bundler
JD Retail Technology
JD Retail Technology
May 20, 2024 · Frontend Development

Cross‑Platform Self‑Rendering Engine: Design, Evolution, and Optimization with Skia and C++

This article documents the design, iterative evolution, and performance optimizations of a cross‑platform self‑rendering engine that started with QuickJS and Flutter, progressed through a C++‑based render tree, and now adopts a React Native‑style self‑draw approach using Skia, detailing architecture, code, and results.

C++React NativeRendering
0 likes · 26 min read
Cross‑Platform Self‑Rendering Engine: Design, Evolution, and Optimization with Skia and C++
Soul Technical Team
Soul Technical Team
Apr 15, 2024 · Mobile Development

Integrating React Native 0.72.10 into an Existing Mobile App: Challenges, Project Structure, and Platform-specific Solutions

This article details the process of introducing React Native 0.72.10 into an existing mobile application, covering the rationale for selection, project structure adjustments, iOS and Android integration challenges, script modifications, dependency management, and solutions to common issues such as path configuration, Gradle compatibility, and library conflicts.

AndroidIntegrationReact Native
0 likes · 21 min read
Integrating React Native 0.72.10 into an Existing Mobile App: Challenges, Project Structure, and Platform-specific Solutions
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Mar 21, 2024 · Mobile Development

Payment Link Optimization Practices for NetEase Cloud Music

In 2023 NetEase Cloud Music’s membership team overhauled its payment link by optimizing React‑Native checkout pages, pre‑fetching iOS IAP data, updating Android third‑party SDKs, and adding failure‑reminder SMS, boosting FCP and LCP scores, purchase UV, conversion, and overall payment success rates.

AndroidHermesIAP
0 likes · 14 min read
Payment Link Optimization Practices for NetEase Cloud Music
Architecture and Beyond
Architecture and Beyond
Mar 2, 2024 · Mobile Development

Practical Reflections on Cross‑Platform Architecture: Balancing Cost, Experience, and Technology Choices

The article reviews cross‑platform architecture concepts, examines the trade‑offs between code reuse and user experience, discusses screen‑size differentiation, outlines criteria for selecting a technology stack, and proposes progressive development and systematic standards to ensure sustainable, high‑quality multi‑device applications.

FlutterReact NativeTechnology Selection
0 likes · 13 min read
Practical Reflections on Cross‑Platform Architecture: Balancing Cost, Experience, and Technology Choices
Programmer DD
Programmer DD
Feb 18, 2024 · Mobile Development

React Native vs Flutter: Which Mobile Framework Wins for Your Project?

This article compares React Native and Flutter across programming language, community support, documentation quality, scalability, maintenance cost, and performance, helping developers choose the right cross‑platform framework based on project requirements, budget, timeline, and team expertise.

FlutterMobile DevelopmentReact Native
0 likes · 7 min read
React Native vs Flutter: Which Mobile Framework Wins for Your Project?
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jan 31, 2024 · Mobile Development

How NetEase Cloud Music Achieved Seamless RN Upgrades with a Dual‑Dynamic‑Library Gray Release

This article details NetEase Cloud Music's engineering solution for gradually upgrading its iOS React Native version using a dual dynamic‑library gray‑release strategy, covering background, challenges, symbol handling, code modifications, and practical issues to enable zero‑impact, data‑driven rollouts.

AB testingReact NativeSymbol Binding
0 likes · 14 min read
How NetEase Cloud Music Achieved Seamless RN Upgrades with a Dual‑Dynamic‑Library Gray Release
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jan 24, 2024 · Mobile Development

Optimizing Hermes Bytecode Bundle Size and SourceMap Handling in React Native

To counter the 40‑100 % size increase of Hermes bytecode bundles after upgrading to React Native 0.70, the team switched to xz compression (cutting zip size 20‑26 %), enabled hermesc ‑O optimization (shrinking bundles 10‑22 % while requiring a two‑step source‑map merge), and used the ‑base‑bytecode option with bsdiff to reduce incremental OTA patches by up to 85 %, collectively improving download and update efficiency.

HermesReact NativeSourceMap
0 likes · 13 min read
Optimizing Hermes Bytecode Bundle Size and SourceMap Handling in React Native
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 24, 2024 · Mobile Development

Analysis of Cross‑Platform Mobile Development Frameworks: From Cordova to uni‑app x

This article examines the evolution, architecture, performance and trade‑offs of major cross‑platform mobile frameworks—including Cordova, React Native, Flutter, and the newly released uni‑app x—by comparing their logic and rendering layers, communication overhead, package size, memory usage and real‑world testing results.

FlutterReact Nativecross-platform
0 likes · 23 min read
Analysis of Cross‑Platform Mobile Development Frameworks: From Cordova to uni‑app x
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Dec 27, 2023 · Mobile Development

How NetEase Cloud Music Overcame RN 0.60→0.70 Upgrade Challenges

This article details the end‑to‑end technical journey of upgrading NetEase Cloud Music's React Native apps from version 0.60 to 0.70, covering research, break‑change analysis, dependency management, dual‑bundle strategies, automation scripts, and the hidden pitfalls encountered along the way.

Break ChangesRN upgradeReact Native
0 likes · 20 min read
How NetEase Cloud Music Overcame RN 0.60→0.70 Upgrade Challenges
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Dec 25, 2023 · Mobile Development

Building a Standardized Low-Code Development System for React Native

The article details how the Tango framework creates a standardized, AST‑driven low‑code system for React Native by integrating cloud‑phone‑based real‑device preview, visual building tools, and unified runtime/component/data management to cut development costs, improve code reuse, and streamline cross‑platform mobile app creation.

AST-driven developmentLow-Code DevelopmentMobile Development
0 likes · 20 min read
Building a Standardized Low-Code Development System for React Native
21CTO
21CTO
Dec 22, 2023 · Frontend Development

Choosing the Right Cross‑Platform Desktop Framework: Electron, Flutter, Tauri, React Native, or Qt

This article compares five popular cross‑platform desktop development frameworks—Electron, Flutter, Tauri, React Native, and Qt—examining their backgrounds, key features, performance, UI capabilities, development experience, native integration, community support, use cases, and potential challenges to help developers select the most suitable option for their projects.

Desktop DevelopmentElectronFlutter
0 likes · 13 min read
Choosing the Right Cross‑Platform Desktop Framework: Electron, Flutter, Tauri, React Native, or Qt
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 23, 2023 · Mobile Development

Comparative Evaluation of Flutter and React Native for Mobile Development

This article compares Flutter and React Native across design, performance, development efficiency, and ecosystem factors, outlines the team’s selection criteria, and concludes with a recommendation to adopt Flutter for its visual customization, consistency, rapid development, and strong community support.

Cross‑platform developmentFlutterMobile Frameworks
0 likes · 9 min read
Comparative Evaluation of Flutter and React Native for Mobile Development
Snowball Engineer Team
Snowball Engineer Team
Oct 20, 2023 · Mobile Development

React Native Bundle Splitting and Incremental Loading Strategy at Snowball

This article describes Snowball's evolution from a single React Native bundle to a multi‑bundle, code‑splitting architecture that reduces bundle size by 70%, shortens load time by 65%, and enables flexible, incremental updates through Metro‑based split‑packages and LRU engine caching.

Bundle SplittingCode SplittingHot Update
0 likes · 23 min read
React Native Bundle Splitting and Incremental Loading Strategy at Snowball
Architects Research Society
Architects Research Society
Sep 28, 2023 · Mobile Development

Top Mobile App Development Trends for 2023 and Beyond

2023’s mobile app development landscape is shaped by emerging trends such as the metaverse, blockchain integration, advanced AR, AI-driven voice and chatbots, and innovations in frameworks like Swift, Jetpack Compose, Kotlin Multiplatform, React Native, and Flutter, all influencing the future of iOS and Android solutions.

ARBlockchainFlutter
0 likes · 16 min read
Top Mobile App Development Trends for 2023 and Beyond
Kuaishou Frontend Engineering
Kuaishou Frontend Engineering
Sep 26, 2023 · Mobile Development

Why Text Gets Cut Off in React Native – Android Measurement Deep Dive & Fixes

This article analyzes the long‑standing React Native text‑truncation issue, explains Android’s text‑measurement architecture—including Spanned, TextPaint, Layout and TextLine—examines two common truncation cases, provides concrete fixes, and proposes a runtime monitoring solution to detect and log such problems.

AndroidReact NativeText Truncation
0 likes · 24 min read
Why Text Gets Cut Off in React Native – Android Measurement Deep Dive & Fixes
Ximalaya Technology Team
Ximalaya Technology Team
Sep 20, 2023 · Mobile Development

Xima React Native: Current Status, Architecture, Performance Optimization, and Future Directions

Xima’s React Native platform now powers dozens of services and tens of millions of daily page views, achieving sub‑second startup through RAM‑bundle and Hermes upgrades, bundle splitting, container caching, lazy loading, optimized list and image handling, while the upcoming JSI‑based Fabric, Turbo Modules and CodeGen architecture promises further latency reductions and smoother user experiences.

Bundle SplittingHermesMobile Development
0 likes · 18 min read
Xima React Native: Current Status, Architecture, Performance Optimization, and Future Directions
Kuaishou E-commerce Frontend Team
Kuaishou E-commerce Frontend Team
Jul 3, 2023 · Mobile Development

How to Handle Soft Keyboard Overlap in iOS, Android, and React Native

This article examines the differing behaviors of soft keyboards on iOS and Android in both H5 and React Native environments, identifies the challenges they cause for popup and textarea components, and presents cross‑platform solutions using KeyboardAvoidingView, resize listeners, and RN keyboard events to ensure input fields remain visible.

AndroidMobile UIReact Native
0 likes · 7 min read
How to Handle Soft Keyboard Overlap in iOS, Android, and React Native
HomeTech
HomeTech
Apr 19, 2023 · Mobile Development

Debugging React‑Native White‑Screen Crashes by Analyzing Metro Bundling and Extracting Code‑Feature Patterns

The article walks through a real‑world React‑Native white‑screen crash, explains how the Metro bundler transforms source code into a jsbundle, extracts two distinctive code‑feature patterns (e.default = v and return (0, l.default)(b,[{)), and demonstrates how these patterns can be used to locate the original component files responsible for the error.

DebuggingJSBundleMetro
0 likes · 13 min read
Debugging React‑Native White‑Screen Crashes by Analyzing Metro Bundling and Extracting Code‑Feature Patterns
Qunar Tech Salon
Qunar Tech Salon
Apr 17, 2023 · Mobile Development

Quantifying Mobile App User Experience Value: Design, Metrics, and Technical Implementation

This article presents a comprehensive approach to measuring and visualizing user experience value in a mobile app, covering background challenges, metric definitions, data infrastructure, technical solutions, platform construction, analysis results, and a repeatable SOP for continuous improvement.

React NativeUser experiencedata pipeline
0 likes · 21 min read
Quantifying Mobile App User Experience Value: Design, Metrics, and Technical Implementation
Qunar Tech Salon
Qunar Tech Salon
Mar 31, 2023 · Mobile Development

Design and Implementation of a Cross‑Platform Network Phone Service for an Online Travel Platform

This article details the motivation, architecture, and iterative development of a network‑phone solution that combines native and React Native components for mobile apps and a WebRTC‑based web client, aiming to improve customer‑service efficiency, reduce costs, and enhance user experience across multiple channels.

React NativeWebRTCcustomer-service
0 likes · 14 min read
Design and Implementation of a Cross‑Platform Network Phone Service for an Online Travel Platform
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
Mar 6, 2023 · Mobile Development

How Huawei Cloud’s Digital Travel App Uses Hybrid Development for Fast Customization

This talk explains how Huawei Cloud’s digital travel mobile app evolved from native to hybrid development, evaluates frameworks like React Native, addresses performance and hot‑update challenges, and outlines practical solutions and future roadmaps for efficient, customizable enterprise travel solutions.

Hybrid AppMobile DevelopmentReact Native
0 likes · 9 min read
How Huawei Cloud’s Digital Travel App Uses Hybrid Development for Fast Customization
Programmer DD
Programmer DD
Feb 28, 2023 · Mobile Development

What Developers Really Think About React Native: Top Pain Points & Preferred Alternatives

A recent State of React Native survey of over 1,800 developers reveals three major pain points—upgrade difficulty, debugging challenges, and performance issues—while highlighting SwiftUI and Jetpack Compose as the most favored alternatives and offering insights into emerging state‑management libraries.

Alternative FrameworksFramework SurveyMobile Development
0 likes · 5 min read
What Developers Really Think About React Native: Top Pain Points & Preferred Alternatives
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Feb 13, 2023 · Backend Development

How NEMichelinCache Cuts Crashes and Boosts Performance in Cross‑Platform RN/H5 Apps

The article details the design and implementation of NEMichelinCache, a cross‑platform cache library for React Native and H5, explaining the problems of the legacy cache, the architectural choices made, the modules introduced, and the measurable improvements in stability and speed achieved after deployment.

CacheReact Nativearchitecture
0 likes · 12 min read
How NEMichelinCache Cuts Crashes and Boosts Performance in Cross‑Platform RN/H5 Apps
Snowball Engineer Team
Snowball Engineer Team
Dec 22, 2022 · Frontend Development

Cross‑Platform Frontend High‑Availability, Performance Optimization and Migration at Snowball

This article details Snowball's front‑end team's end‑to‑end cross‑platform architecture, covering high‑availability monitoring, performance measurement, bundle hot‑update and splitting strategies, Hermes engine migration, stability fixes, and a systematic migration plan for RN/H5 pages, while outlining future roadmap and lessons learned.

React Nativefrontend
0 likes · 31 min read
Cross‑Platform Frontend High‑Availability, Performance Optimization and Migration at Snowball
ByteFE
ByteFE
Dec 16, 2022 · Frontend Development

Curated Technical Insights: Vite 4 Release, Overdesign Pitfalls, Node.js Automation, React Native Monorepo, Chrome Memory/Energy Modes, First Principles Thinking, WebRTC Face Recognition, JavaScript Best Practices, and Web Workers

This newsletter presents a collection of technical articles covering the Vite 4 release, the dangers of over‑design, building Node.js automation workflows, React Native monorepo practices, Chrome's memory and energy saver modes, first‑principles thinking for engineers, WebRTC face‑recognition implementation, JavaScript best practices, and an overview of Web Workers.

JavaScriptNode.jsReact Native
0 likes · 8 min read
Curated Technical Insights: Vite 4 Release, Overdesign Pitfalls, Node.js Automation, React Native Monorepo, Chrome Memory/Energy Modes, First Principles Thinking, WebRTC Face Recognition, JavaScript Best Practices, and Web Workers
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Dec 16, 2022 · Mobile Development

Monorepo Migration for React Native Projects: Practices, Tools, and Pitfalls

To eliminate duplicated checkout logic and cumbersome npm publishing, the team migrated multiple React Native apps into a Yarn‑workspace monorepo, configuring Metro watch folders, hoisting dependencies, and CI linting, while using git‑subtree for integration, achieving easier code reuse, debugging, and dependency management despite RN‑specific build complexities.

MetroMonorepoReact Native
0 likes · 15 min read
Monorepo Migration for React Native Projects: Practices, Tools, and Pitfalls
Qunar Tech Salon
Qunar Tech Salon
Dec 7, 2022 · Mobile Development

Optimizing Time‑to‑Interactive (TTI) in the Qunar Travel App: JSBundle Loading, Rendering, and Service Request Strategies

This article describes how Qunar’s travel app team built a unified performance measurement platform and applied a series of frontend‑focused optimizations—including JSBundle pre‑loading, slimming, splitting, rendering‑stage improvements, and service‑request prefetching—to consistently reduce the Time‑to‑Interactive metric by double‑digit percentages across core booking pages.

JSBundleMobile FrontendPerformance Optimization
0 likes · 12 min read
Optimizing Time‑to‑Interactive (TTI) in the Qunar Travel App: JSBundle Loading, Rendering, and Service Request Strategies
Alibaba Cloud Developer
Alibaba Cloud Developer
Dec 5, 2022 · Frontend Development

Why Cross-Platform Development Is Evolving: From Web Containers to Flutter

Cross‑platform development has rapidly evolved from simple web containers to sophisticated native‑rendering solutions like React Native, Weex, and Flutter, prompting a push for standardized container specifications that balance performance, consistency, and developer efficiency across the ever‑growing ecosystem of smart devices.

FlutterMobileReact Native
0 likes · 12 min read
Why Cross-Platform Development Is Evolving: From Web Containers to Flutter
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 24, 2022 · Frontend Development

Why Cross‑Platform Development Keeps Evolving and How to Future‑Proof Your Code

This article reviews the evolution of cross‑platform technologies—from web containers to native‑container frameworks and self‑rendering engines—examining their changing trade‑offs, the push for standardization, and practical strategies to keep business code stable across ever‑fragmented devices.

MobileReact Nativecross-platform
0 likes · 15 min read
Why Cross‑Platform Development Keeps Evolving and How to Future‑Proof Your Code
Snowball Engineer Team
Snowball Engineer Team
Nov 22, 2022 · Frontend Development

Three‑Platform (RN/H5) Unified Development Architecture and Practices by Snowball Frontend Team

This article details Snowball's frontend team's comprehensive approach to three‑platform (iOS, Android, H5) unified development using React Native, a custom styled‑system, server‑side rendering, CI/CD pipelines, testing strategies, and future AI‑driven code generation, providing practical guidance for cross‑platform projects.

React NativeSSRStyled System
0 likes · 30 min read
Three‑Platform (RN/H5) Unified Development Architecture and Practices by Snowball Frontend Team
Qunar Tech Salon
Qunar Tech Salon
Nov 16, 2022 · Mobile Development

Cross‑Platform Rendering of Qunar Low‑Code Platform on React Native: Architecture, Code Transformation, and Runtime Integration

This article presents a technical case study of Qunar's low‑code platform, detailing the current cross‑platform rendering challenges, the feasibility analysis of replacing H5 with React Native, the design of a Babel‑based code transformer, runtime integration, performance results, and future plans.

React Nativebabelcross-platform
0 likes · 13 min read
Cross‑Platform Rendering of Qunar Low‑Code Platform on React Native: Architecture, Code Transformation, and Runtime Integration
Snowball Engineer Team
Snowball Engineer Team
Nov 14, 2022 · Mobile Development

Snowball Cross-Platform Architecture: RN and WebView Container Overview

This article presents Snowball's cross‑platform container architecture, detailing the overall design, the RN and WebView containers, the JSBridge communication layer, native component integration, and future directions for improving dynamic updates, performance, and open‑platform capabilities.

Container ArchitectureJSBridgeReact Native
0 likes · 20 min read
Snowball Cross-Platform Architecture: RN and WebView Container Overview
HomeTech
HomeTech
Nov 9, 2022 · Mobile Development

Optimizing Infinite Waterfall List Performance in React Native Using RecyclerListView

This article explains how the automotive app team tackled severe scrolling lag on low‑end Android devices by replacing the default FlatList with a reusable RecyclerListView implementation, detailing rendering principles, layout calculations, height estimation techniques, and the resulting performance gains.

FlatListMobile DevelopmentPerformance Optimization
0 likes · 8 min read
Optimizing Infinite Waterfall List Performance in React Native Using RecyclerListView
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 13, 2022 · Frontend Development

Why React Excels in Cross‑Platform Dynamic Development: Core Advantages and Implementation Details

The article explains why React is well‑suited for cross‑platform dynamic development, detailing its data‑driven model, JSX‑to‑virtual‑DOM workflow, fiber architecture, Taro reconciler adaptations, and independent event system, and shows how React can serve as both a DSL and a full runtime for mobile and web.

FiberJSXReact
0 likes · 12 min read
Why React Excels in Cross‑Platform Dynamic Development: Core Advantages and Implementation Details
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 11, 2022 · Frontend Development

Why React Excels in Cross‑Platform Dynamic Development: Core Advantages and Implementation Details

The article explains how React’s data‑driven model, JSX‑to‑virtual‑DOM workflow, fiber architecture, independent event system, and adaptations in frameworks like React Native and Taro enable efficient cross‑platform dynamic applications, while comparing it with traditional template‑based approaches.

FiberJSXReact
0 likes · 13 min read
Why React Excels in Cross‑Platform Dynamic Development: Core Advantages and Implementation Details
Architecture and Beyond
Architecture and Beyond
Oct 1, 2022 · Industry Insights

Why One Codebase Can Run Everywhere: Deep Dive into Cross‑Platform Architecture

This article examines the principles, layers, and practical solutions behind cross‑platform development—from DRY reuse to hardware, OS, and application levels—evaluating hybrid, native‑rendering, self‑rendering, and DSL‑based frameworks and offering guidance on strategic, organizational, ecosystem, and performance considerations.

ElectronFlutterMobile
0 likes · 19 min read
Why One Codebase Can Run Everywhere: Deep Dive into Cross‑Platform Architecture
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jun 30, 2022 · Mobile Development

Implementing Dynamic Imports in React Native: A Deep Dive into Metro Bundler

This article explains how to customize Metro bundler to support dynamic imports in React Native, detailing a split‑and‑combine build process that isolates async modules, deduplicates code, and loads bundles on demand, thereby shrinking app size and avoiding the drawbacks of multi‑business package architectures.

Code SplittingJavaScriptMetro bundler
0 likes · 14 min read
Implementing Dynamic Imports in React Native: A Deep Dive into Metro Bundler
ITPUB
ITPUB
Jun 23, 2022 · Mobile Development

Flutter vs React Native vs Weex vs H5: Architecture, Performance, and Optimization

This article examines the four popular cross‑platform technologies—Flutter, React Native, Weex, and H5—by detailing their architectural layers, compilation models, rendering pipelines, typical performance bottlenecks, and practical optimization techniques, and offers guidance on selecting the most suitable stack for a given project.

FlutterH5Mobile Development
0 likes · 16 min read
Flutter vs React Native vs Weex vs H5: Architecture, Performance, and Optimization
JD Tech
JD Tech
Jun 9, 2022 · Mobile Development

Comparative Analysis of Cross‑Platform Mobile Development Technologies: Flutter, React Native, Weex, and H5

This article systematically examines the characteristics, architecture, compilation principles, rendering processes, and common performance issues of four popular cross‑platform mobile technologies—Flutter, React Native, Weex, and H5—offering guidance on technical selection and optimization strategies.

FlutterMobile DevelopmentPerformance Optimization
0 likes · 16 min read
Comparative Analysis of Cross‑Platform Mobile Development Technologies: Flutter, React Native, Weex, and H5
DaTaobao Tech
DaTaobao Tech
Jun 6, 2022 · Mobile Development

Hybrid App Development: Strategies and Framework Comparisons for Mobile and PC

The article reviews hybrid app development strategies by comparing mobile frameworks such as React Native, Weex and Flutter with PC solutions like Chrome‑based H5, Electron and Qt + CEF, and illustrates a staged migration case study of Taobao Live’s client—from pure Qt to Qt + CEF and finally to Electron + Node—to shorten cycles, simplify third‑party integration, and leverage Chromium’s capabilities.

CEFElectronFlutter
0 likes · 12 min read
Hybrid App Development: Strategies and Framework Comparisons for Mobile and PC
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Apr 22, 2022 · Frontend Development

How to Extend Chrome DevTools for React Native Network Debugging

This article explains how the NetEase Cloud Music team built a custom React Native debugging tool by extending Chrome DevTools, covering the devtools frontend module loading, React Native Debugger internals, Chrome DevTools Protocol, and a proxy-based solution to display network requests within the inspector.

Chrome DevToolsDebuggingNetwork Inspection
0 likes · 16 min read
How to Extend Chrome DevTools for React Native Network Debugging
Shopee Tech Team
Shopee Tech Team
Mar 10, 2022 · Mobile Development

FolderBsdp: An Efficient Incremental Update Solution for React Native Hybrid Apps

FolderBsdp provides an efficient incremental update method for React Native hybrid apps by diffing raw resource folders per file with BSDiff, packaging tiny patches into a single ZIP, dramatically cutting bandwidth, memory usage, and storage while eliminating extra ZIP dependencies, making it ideal for low‑end devices.

Diff AlgorithmFolderBsdpReact Native
0 likes · 22 min read
FolderBsdp: An Efficient Incremental Update Solution for React Native Hybrid Apps
TAL Education Technology
TAL Education Technology
Mar 3, 2022 · Mobile Development

Hybrid Mobile App Development: Native, Cross‑Platform, and Flutter Solutions

This article explains how web front‑end engineers can build native mobile apps by comparing pure native development, cross‑platform frameworks like React Native and Flutter, and hybrid approaches that combine native code, Flutter, and WebView, while providing project structure, code examples, compilation steps, and best‑practice tips.

DARTHybrid DevelopmentReact Native
0 likes · 24 min read
Hybrid Mobile App Development: Native, Cross‑Platform, and Flutter Solutions
Shopee Tech Team
Shopee Tech Team
Feb 24, 2022 · Mobile Development

Decentralized React Native Architecture Practice at Shopee: A Three-Year Evolution

Over three years, Shopee evolved its React Native architecture from a single‑bundle, centralized model to a fully decentralized system where each team independently develops, builds, and releases code, using an isolated JavaScript runtime and a self‑built Code Push Platform that manages permissions, incremental updates, grayscale releases, and migration of legacy plugins without disrupting ongoing business.

Bundle ManagementCode PushCross‑platform development
0 likes · 18 min read
Decentralized React Native Architecture Practice at Shopee: A Three-Year Evolution
Shopee Tech Team
Shopee Tech Team
Jan 6, 2022 · Mobile Development

Luna: An In‑App Debugging Tool for React Native in Production Environments

Luna is an in‑app debugging tool for React Native that works in non‑development environments, offering a floating trigger and a half‑screen panel with Log, Network, Redux, and Shopee sections, automatically injected via a simple init call and HOC, enabling real‑time inspection of console output, HTTP traffic, state and app metadata.

In‑App ToolsMobile DevelopmentReact Native
0 likes · 14 min read
Luna: An In‑App Debugging Tool for React Native in Production Environments
Shopee Tech Team
Shopee Tech Team
Dec 2, 2021 · Mobile Development

Implementing Visual Event Tracking in React Native Applications

The article details a visual‑event‑tracking solution for React Native that uses a custom SDK exposing higher‑order touchable components, a WebSocket link to a tracking platform, FiberNode inspection for props/state extraction, a Babel plugin for display names, and idle‑time queuing, allowing non‑code instrumentation and rapid tracking deployment.

Event AnalyticsHigher-Order ComponentsReact Native
0 likes · 13 min read
Implementing Visual Event Tracking in React Native Applications
58 Tech
58 Tech
Oct 14, 2021 · Mobile Development

Taro React Native Project Update: Simplified Setup, Templates, and CI/CD with GitHub Actions

The article introduces major updates to the Taro React Native open‑source project, including a new react‑native template, GitHub Actions integration for automated builds, a Taro Playground app for debugging, and detailed CI/CD configurations to lower entry barriers for mobile app development.

GitHub ActionsMobile DevelopmentReact Native
0 likes · 15 min read
Taro React Native Project Update: Simplified Setup, Templates, and CI/CD with GitHub Actions
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 16, 2021 · Mobile Development

Building a React Native Component Library with Lerna, Yarn Workspaces, and Automated Tooling

This tutorial walks through creating a production‑ready React Native UI component library named vant‑react‑native, covering monorepo setup with Lerna, package naming, Yarn workspaces, commit and code standards, icon generation, on‑demand loading, debugging, documentation with Dumi, CI/CD deployment, and unit testing.

Component LibraryDocumentationLerna
0 likes · 24 min read
Building a React Native Component Library with Lerna, Yarn Workspaces, and Automated Tooling
Taobao Frontend Technology
Taobao Frontend Technology
Sep 6, 2021 · Frontend Development

Latest Electron 14 Release, React Native Updates, and Key JavaScript Insights

This roundup covers the Electron 14.0.0 release with new eight‑week cadence and expanded support, StackBlitz's quick Nuxt.js creation, notable open‑source libraries like react‑native‑elements and 7guis‑React‑TypeScript‑MobX, plus deep dives into NestJS practices, React Native's new architecture, Recoil state management, and a comparison of Object versus Map in JavaScript.

Backend DevelopmentElectronJavaScript
0 likes · 6 min read
Latest Electron 14 Release, React Native Updates, and Key JavaScript Insights
php Courses
php Courses
Aug 31, 2021 · Mobile Development

React Native and H5 Interaction: Communication Methods and Code Examples

This article explains how to enable two-way communication between React Native and H5 pages using WebView, covering message handling in both directions, code examples for sending and receiving data, and important migration notes from the built‑in WebView to react‑native‑webview.

AndroidH5JavaScript
0 likes · 5 min read
React Native and H5 Interaction: Communication Methods and Code Examples
ELab Team
ELab Team
Aug 4, 2021 · Mobile Development

Which Cross‑Platform Mobile Solution Wins? Web, Native, or Flutter Explained

This article examines the evolution of China's mobile internet, outlines three cross‑platform development approaches—Web rendering, native rendering, and custom rendering engines like Flutter—analyzes their architectures, advantages, and trade‑offs, and offers guidance for selecting the right solution for different product needs.

React NativeWebViewarchitecture
0 likes · 20 min read
Which Cross‑Platform Mobile Solution Wins? Web, Native, or Flutter Explained
JD Retail Technology
JD Retail Technology
Jul 21, 2021 · Frontend Development

Frontend Architecture, Component Reuse, and Automation Strategies in JD Family Account Project

This article details the evolution of JD's Family Account frontend project, covering multi‑platform technical selection, React Native‑based architecture, three‑level component reuse, automation scripts for Redux, interface fault‑tolerance mechanisms, and future plans for broader data services and SDK support.

AutomationReact Nativearchitecture
0 likes · 15 min read
Frontend Architecture, Component Reuse, and Automation Strategies in JD Family Account Project
ByteFE
ByteFE
Jul 14, 2021 · Mobile Development

Building a React Native Component Library with Lerna, Yarn Workspaces, and Automated Tooling

This comprehensive tutorial walks through creating a React Native component library using Lerna monorepo, Yarn workspaces, code standards, automated builds, unit testing, documentation with Dumi, and on-demand loading techniques, providing practical guidance for developers to manage, test, and publish reusable UI components.

Component LibraryLernaOn-demand Loading
0 likes · 29 min read
Building a React Native Component Library with Lerna, Yarn Workspaces, and Automated Tooling
58 Tech
58 Tech
Jul 12, 2021 · Mobile Development

58RN Page Instant‑Open Solution and Practice

The article presents Jiang Hongwei’s GMTC talk on 58RN’s instant‑open strategy, detailing performance metrics, LCP‑based first‑screen measurement, identified bottlenecks, and a series of optimizations—including resource pre‑loading, bundle splitting, native parallel fetching, and dynamic import—that collectively reduce page load time and improve business conversion rates.

Instant LoadLCPMobile Development
0 likes · 17 min read
58RN Page Instant‑Open Solution and Practice
Meituan Technology Team
Meituan Technology Team
Jun 10, 2021 · Mobile Development

Cross‑Platform Reuse Framework in Meituan Homestay: Design, Implementation, and Practice

Meituan Homestay built a custom cross‑platform reuse framework converting React Native code to mini‑programs, achieving up to 90% code reuse, reducing bundle size, improving performance, and establishing strict processes for quality, thus cutting development effort and enhancing productivity across iOS, Android, and mini‑programs.

Frontend ArchitecturePerformance OptimizationReact Native
0 likes · 35 min read
Cross‑Platform Reuse Framework in Meituan Homestay: Design, Implementation, and Practice
Dada Group Technology
Dada Group Technology
Apr 23, 2021 · Frontend Development

Accessibility Adaptation for JD Daojia React Native Application

This article details the background, research, identified issues, and step‑by‑step technical solutions—including code examples—for implementing comprehensive accessibility support in the JD Daojia React Native (RN) platform, aiming to enable visually impaired users to complete the full purchase flow.

Mobile DevelopmentRNReact Native
0 likes · 12 min read
Accessibility Adaptation for JD Daojia React Native Application
Ctrip Technology
Ctrip Technology
Apr 15, 2021 · Mobile Development

Optimizing React Native Bundle Size with the CRN Bundle Analysis Platform

This article explains how to analyze and reduce React Native bundle size using tools like react-native-bundle-visualizer and the custom CRN bundle analysis platform, covering library replacements, import optimizations, code splitting, static asset handling, and reporting a typical 50% size reduction.

Code SplittingESLintMobile Development
0 likes · 19 min read
Optimizing React Native Bundle Size with the CRN Bundle Analysis Platform
Aotu Lab
Aotu Lab
Apr 9, 2021 · Mobile Development

What’s New in Taro 3.2: Faster Builds, Source‑Map Support, and Full React Native Integration

Taro 3.2 introduces a revamped compilation pipeline that eliminates intermediate code, adds native source‑map support, supports React Native 0.64 with Hermes, expands APIs and components, enables on‑demand imports, and provides clear migration steps for both new and existing projects, while outlining future roadmap and community resources.

API ExpansionBuild OptimizationMobile Development
0 likes · 11 min read
What’s New in Taro 3.2: Faster Builds, Source‑Map Support, and Full React Native Integration
ByteFE
ByteFE
Apr 9, 2021 · Frontend Development

Must‑Read JavaScript & Performance Insights: From V8 Optimization to Mobile Startup

This curated guide presents concise technical deep‑dives into JavaScript protection, pagination techniques, Babel async/await transformation, Web Worker sandboxing, V8 engine tuning, React Native launch optimization, collaborative editing algorithms, Windows defragmentation, CLS metric evolution, accessible UI components, and future‑proof CSS strategies.

JavaScriptMobile DevelopmentReact Native
0 likes · 4 min read
Must‑Read JavaScript & Performance Insights: From V8 Optimization to Mobile Startup
58 Tech
58 Tech
Apr 2, 2021 · Mobile Development

Taro 3.2 React Native Support: Faster Compilation, Source‑Map, Multi‑Version Compatibility, Rich API, On‑Demand Import, and Integration Guide

The article introduces Taro 3.2's React Native support, detailing faster compilation via Metro, native source‑map debugging, compatibility with React Native 0.60+ (including 0.64), expanded APIs and components, on‑demand imports to reduce bundle size, and step‑by‑step migration and integration instructions.

CompilationMobile DevelopmentOn‑Demand Import
0 likes · 10 min read
Taro 3.2 React Native Support: Faster Compilation, Source‑Map, Multi‑Version Compatibility, Rich API, On‑Demand Import, and Integration Guide
58 Tech
58 Tech
Mar 22, 2021 · Frontend Development

Style Adaptation for Taro 3.2 React Native: Architecture, Implementation, and Cross‑Platform Challenges

This article explains the design and implementation of Taro 3.2’s style adaptation for React Native, covering the architectural changes, code transformation process, handling of platform‑specific style differences, preprocessing support, validation mechanisms, and future optimization directions.

React NativeStyle AdaptationTaro
0 likes · 17 min read
Style Adaptation for Taro 3.2 React Native: Architecture, Implementation, and Cross‑Platform Challenges
58 Tech
58 Tech
Mar 19, 2021 · Mobile Development

Design and Implementation of Taro 3 Adaptation for React Native

This article details the background, design choices, runtime architecture, code transformation, entry and page support, lifecycle handling, and integration strategy of adapting the Taro 3 framework to run on React Native, providing a comprehensive guide for cross‑platform development.

MetroMobile DevelopmentReact Native
0 likes · 14 min read
Design and Implementation of Taro 3 Adaptation for React Native
21CTO
21CTO
Jan 31, 2021 · Artificial Intelligence

How Facebook’s Open‑Source Surge is Shaping AI and Development in 2020

Facebook’s 2020 open‑source report reveals a rapid expansion to over 700 repositories and 1.3 million GitHub followers, highlights AI breakthroughs like the M2M‑100 multilingual model and ReBel algorithm, and showcases frontend tools such as React Native and the newly released Recoil library.

FacebookM2M-100PyTorch
0 likes · 4 min read
How Facebook’s Open‑Source Surge is Shaping AI and Development in 2020
Qunar Tech Salon
Qunar Tech Salon
Jan 13, 2021 · Frontend Development

Qunar 2020 Technical Achievements and Article Collection

In 2020 Qunar's front‑end team explored multi‑platform adaptation, low‑code marketing, UI automation, security enhancements, and framework upgrades, publishing a series of technical articles that detail their solutions, performance gains, and practical insights for developers across the organization.

QunarReact Nativefrontend
0 likes · 6 min read
Qunar 2020 Technical Achievements and Article Collection
ByteFE
ByteFE
Jan 11, 2021 · Mobile Development

Introduction to React Native: Principles, Architecture, and Practical Implementation

This article introduces React Native, covering its core concepts, cross‑platform features, underlying architecture such as JavaScriptCore, Hermes, the Bridge, Virtual DOM, threading model, hot updates, and provides practical examples for building a modal animation on both iOS and Android.

JavaScriptMobile DevelopmentReact Native
0 likes · 22 min read
Introduction to React Native: Principles, Architecture, and Practical Implementation
58 Tech
58 Tech
Jan 11, 2021 · Frontend Development

Cross‑Platform Development with Taro 2.x: Challenges and Solutions for React Native, Mini‑Programs, and H5

This article details how a real‑world property‑listing project leveraged Taro 2.x to build a single codebase that runs on React Native, various mini‑programs, and H5, describing the motivations, technical obstacles, framework comparisons, custom CLI patches, conditional compilation techniques, and deployment workflows.

Mini-ProgramReact NativeTaro
0 likes · 12 min read
Cross‑Platform Development with Taro 2.x: Challenges and Solutions for React Native, Mini‑Programs, and H5
Qunar Tech Salon
Qunar Tech Salon
Dec 17, 2020 · Frontend Development

Adapting React Native to Mini‑Programs with the qrn‑remax‑unir Component Library

This article introduces the qrn‑remax‑unir library, explains how the QuNar front‑end team adapted React Native code to run on H5 and various mini‑program platforms using Remax, discusses the design choices, implementation details, style handling strategies, animation support, and provides usage instructions and code examples.

Component LibraryMini ProgramReact Native
0 likes · 14 min read
Adapting React Native to Mini‑Programs with the qrn‑remax‑unir Component Library
58 Tech
58 Tech
Dec 4, 2020 · Mobile Development

Integrating React Native into Taro 3: Zero‑Cost Adaptation and Technical Insights

This article describes how the 58‑rn project extends the Taro 3 framework to support React‑Native with zero‑cost adaptation, detailing architectural changes, Metro bundling, new components and APIs, development workflow, upgrade steps, future plans, and community collaboration.

MetroMobile DevelopmentReact Native
0 likes · 13 min read
Integrating React Native into Taro 3: Zero‑Cost Adaptation and Technical Insights
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Dec 2, 2020 · Mobile Development

Why React Native Custom Views Need Explicit Width/Height and How to Fix It

This article analyzes why custom Android Views embedded in React Native often fail to render without explicit width and height, explores the underlying RN root layout, measureSpec, and Yoga engine mechanisms, and provides practical solutions such as FrameCallback registration and layout updates to ensure proper rendering.

AndroidCustom ViewMobile Development
0 likes · 12 min read
Why React Native Custom Views Need Explicit Width/Height and How to Fix It
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Nov 16, 2020 · Frontend Development

Performance Optimization Practices for the XRN Platform (Web and React Native)

NetEase’s XRN platform boosts Web and React Native performance by eliminating duplicate bundles, pruning unused code, importing only needed polyfills, using dynamic imports and bundle splitting, pre‑loading assets, lazily loading images and lists, limiting first‑screen rendering, and applying memoization, raising Lighthouse scores from 50.3 to 80.4 and cutting RN load time by 40 %.

Code SplittingPerformance OptimizationReact Native
0 likes · 13 min read
Performance Optimization Practices for the XRN Platform (Web and React Native)
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Nov 12, 2020 · Mobile Development

React Native Optimization: Bundle Splitting and Container Preheating for Improved Page Load Speed

By implementing bundle splitting to shrink the initial JavaScript payload and pre‑heating the React Native container during idle periods, the team cut the mall page bundle from 1.1 MB to 856 KB and reduced iOS launch time from roughly 450 ms to 200 ms and Android from about 4.5 s to 2.5 s, achieving significant cross‑platform speed gains validated through A/B testing.

AndroidBundle SplittingPreheating
0 likes · 6 min read
React Native Optimization: Bundle Splitting and Container Preheating for Improved Page Load Speed
Qunar Tech Salon
Qunar Tech Salon
Oct 30, 2020 · Frontend Development

Multi‑Platform Development Strategy: Converting React Native to H5 and Mini‑Programs with react‑native‑web and Remax

This article outlines a practical multi‑platform solution that transforms a React‑Native codebase into both H5 web pages and various mini‑programs by leveraging react‑native‑web for web compilation and Remax for mini‑program rendering, while employing webpack tricks for dynamic, per‑platform builds.

React NativeRemaxWeb
0 likes · 10 min read
Multi‑Platform Development Strategy: Converting React Native to H5 and Mini‑Programs with react‑native‑web and Remax
58 Tech
58 Tech
Oct 12, 2020 · Frontend Development

Taro 3 React Native Support: Design and Implementation of the RN Platform

This article details the design and implementation of Taro 3's React Native support, describing the motivation, compilation and runtime changes, package updates, API and component adaptations, app integration strategies, known limitations, and migration guidelines for developers building cross‑platform applications.

MetroReact NativeTaro
0 likes · 14 min read
Taro 3 React Native Support: Design and Implementation of the RN Platform
Meituan Technology Team
Meituan Technology Team
Sep 30, 2020 · Mobile Development

Meituan Waimai Mobile Architecture Evolution and Containerization

Meituan Waimai’s mobile architecture progressed from early componentization through platformization and a custom React‑Native hybrid to a containerized system that unifies Android and iOS via SDKs, MRN and Titans containers, enabling dynamic updates, modular development, and massive traffic handling while demanding enhanced monitoring and release governance.

DevOpsMeituanMobile Development
0 likes · 39 min read
Meituan Waimai Mobile Architecture Evolution and Containerization
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Sep 2, 2020 · Mobile Development

Rebuilding NetEase Cloud Music's React Native Infrastructure: From 0.33 to 0.6, Automated Deployment, Codemod, and Multi‑Platform Strategy

NetEase Cloud Music rebuilt its React Native stack from version 0.33 to 0.6, introducing automated one‑click deployment, a custom codemod that migrated all apps in a day, and a three‑platform toolchain that unified iOS, Android, and web, boosting checkout reach to 99% and scaling to over ten production RN applications.

Automated DeploymentCross‑PlatformMobile Development
0 likes · 14 min read
Rebuilding NetEase Cloud Music's React Native Infrastructure: From 0.33 to 0.6, Automated Deployment, Codemod, and Multi‑Platform Strategy
58 Tech
58 Tech
Jul 31, 2020 · Mobile Development

Performance Optimization of React Native Pages in 58 App: Analysis and Solutions

This article analyzes the startup latency of React Native pages in the 58 real‑estate app, identifies bottlenecks such as bundle size, hot‑update and Java‑to‑JS bridge delays, and presents a series of optimization techniques—including bundle splitting, silent updates, on‑demand loading, and stepwise rendering—to achieve faster, more stable page launches.

AndroidBundle SplittingCache
0 likes · 16 min read
Performance Optimization of React Native Pages in 58 App: Analysis and Solutions
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jul 21, 2020 · Mobile Development

Implementing Custom Pull-to-Refresh in React Native

This guide explains how to build a fully custom pull‑to‑refresh component in React Native by either handling gestures with a ScrollView and PanResponder to animate an indicator, or leveraging iOS’s native elastic bounce, outlining implementation details, limitations, and when to choose each approach.

Mobile UIPanResponderReact Native
0 likes · 14 min read
Implementing Custom Pull-to-Refresh in React Native
58 Tech
58 Tech
Jul 17, 2020 · Mobile Development

React Native Performance Optimization: Principles, Bottlenecks, and Practical Practices

This article analyzes the performance bottlenecks of React Native applications, explains the framework's working principles, and presents practical optimization strategies such as bundle splitting, JS bytecode, data synchronization via an information center, and native‑driven list components to improve rendering speed and responsiveness.

Mobile DevelopmentReact Nativecross-platform
0 likes · 9 min read
React Native Performance Optimization: Principles, Bottlenecks, and Practical Practices