Building a Standardized Low-Code Development System for React Native

This article explores how to build a standardized low-code development system for React Native (RN) applications using the Tango framework. The author discusses the current challenges in RN development, including high development costs, scattered ecosystem tools, and low code reuse rates. The article then introduces Tango's approach to addressing these issues through an AST-driven, source-code-centric system that provides online building capabilities and standardized development processes.

The article covers several key aspects: the rationale for choosing RN as a cross-platform solution, the current state of RN development at NetEase Cloud Music, the construction of an online real-device preview and debugging environment using cloud phones, and the development of a multi-dimensional visual building system. The author also discusses the importance of runtime frameworks, components, and data asset management in building a complete low-code ecosystem.

A significant portion of the article is dedicated to explaining the cloud phone technology used for online development, including the use of OBS for screen capture and streaming, SRS servers for media processing, and WebRTC for real-time video transmission. The article also addresses the communication and interaction mechanisms between the web platform and cloud phones, as well as the scheduling and allocation of cloud phone resources.

The author concludes by discussing the broader implications of low-code development, the balance between generic and vertical solutions, and the future directions for Tango's low-code ecosystem. The article provides a comprehensive overview of the technical challenges and solutions in building a modern low-code development system for mobile applications.