1. Introduction to Tango
Tango is a low-code designer framework for quickly building low-code platforms. With Tango, only a few lines of code are needed to complete the construction of a basic low-code platform front-end system. Tango low-code designer directly reads the source code of the front-end project, executes and renders the front-end view centered on the source code, and provides users with low-code visual construction capabilities. The user's construction operation will be converted to code modification. With the help of Tango, the effect of source code input and source code output can be realized, and it can be seamlessly integrated with the existing R&D system within the enterprise.
As shown in the figure above, the Tango low-code engine supports two-way synchronization and two-way conversion between visual views and source code, providing developers with a seamless development experience of LowCode+ProCode.
1.1 Core Features
Here are some of the core features provided by Tango:
- After the actual test of Netease Cloud Music's intranet production environment, it can be flexibly integrated and applied to low-code platforms, local development tools, etc.
- Based on source code AST driver, no private DSL and protocol
- Provide real-time code export capability, support source code import and source code export
- Out-of-the-box front-end low-code designer, providing flexible and easy-to-use designer React components
- Developed using TypeScript, providing a complete type definition file
1.2 Architecture overview
- The Tango low-code engine implements layered decoupling, so that the upper-level low-code platform and the underlying low-code engine can be independently developed and maintained, and quickly integrated and deployed. On the other hand, the Tango low-code engine defines an open material ecosystem, and developers can freely contribute