Inside Alibaba’s Taobao Web Tech Map: Frontend Engineering & Cloud‑Native Platforms

Background

In 2022, the DaTaobao front‑end team was reorganized: production relationships were restructured, business lines were split into corresponding technical teams, while retaining a dotted‑line "big front‑end" organization to ensure consistent infrastructure, continuous technical investment, and talent growth.

The change affected over three hundred front‑end engineers and, after more than half a year of operation, the team’s technology focus also converged.

Under the new collaboration model, DaTaobao Web engineers are working on various technical tasks and products, which are shared with the front‑end community at the start of 2023.

Taobao Web Technology Map

The map is divided into three layers: Engineering, R&D, and Application (simplified for readability).

Engineering : front‑end engineering and quality assurance, providing platforms, tools, debugging, monitoring, and alerting.

R&D : runtime containers, development frameworks, and low/zero‑code building systems.

Runtime containers include Web containers, a self‑developed Hybrid container, and a cloud‑native JavaScript container.

Development frameworks cover front‑end frameworks and Node.js frameworks.

The building system is the internally codenamed "Tianma".

Application : built on engineering and R&D, delivering front‑end applications for C‑end consumers and B‑end merchants, creators, and operations.

Technical Product Overview

The main products listed in the map are introduced concisely.

1. Front‑end Engineering – O2

O2 is Alibaba Group’s internal front‑end engineering solution brand, offering a full‑cycle platform for Web developers, including demand management, local & online development tools, CI/CD, online builds, scanning, and standardized static/dynamic resource delivery. Its core functions are O2 Space and O2 Code.

1.1 O2 Space (R&D Platform)

O2 Space is an all‑in‑one Web R&D delivery platform with capabilities such as application management, change and iteration publishing, code building, and static scanning.

1.2 O2 Code (R&D Tool)

O2 Code is an IDE deeply customized from the open‑source OpenSumi framework, covering both local and Web versions, and tightly integrated with Alibaba’s front‑end infrastructure.

2. R&D Quality – JSTracker

JSTracker is an end‑to‑end front‑end monitoring and data analysis platform focusing on safety production, experience measurement, and business analysis.

Safety Production : aims for “1‑minute alarm, 5‑minute issue定位”, providing gray‑scale monitoring, real‑time alerts, source locating, full‑link logs, and pattern analysis.

Experience Measurement : establishes performance and statistics standards across Weex/Web/Native pages to help discover and solve experience problems.

Business Analysis : analyzes user interaction behavior to uncover potential business issues.

3. Runtime Containers

3.1 Web Container – PHA

PHA (Progressive Hybrid App) enhances Hybrid experiences with progressive enhancement strategies, high‑performance interactive components, data pre‑fetch, offline caching, WebView templating, App Workers, tab frameworks, pull‑to‑refresh, splash screens, and rich UI components.

3.2 Cross‑Platform Container & Engine – Weex 2.0

Weex 2.0 builds on Weex 1.0 with major architecture upgrades, supporting mainstream front‑end frameworks (React, Vue) and JS game engines (Pixi, Three.js, Laya, Cocos). It offers compatibility, performance, lightweight views, extensibility, dynamic updates, and pixel‑level multi‑platform consistency.

3.3 Cloud‑Native Container – Noslate

Noslate is a cloud‑native JavaScript container aimed at improving elasticity and efficiency for JavaScript tasks in serverless scenarios. It consists of Noslate Workers (lightweight W3C‑compatible containers), Noslate Debugger (offline core‑file based diagnosis), and a custom Node.js distribution optimized for Alibaba Cloud environments.

4. Development Frameworks

4.1 Front‑end Framework – ICE

ICE provides an out‑of‑the‑box development system including ice.js, ICE PKG, ICESTARK (micro‑front‑end), AppDevTools, and a unified API layer, supporting React‑based applications, multi‑terminal mini‑apps, Weex 2.0, and building solutions.

4.2 Node.js Framework – Midway

Midway is a progressive Node.js framework built with TypeScript, combining OOP and functional programming paradigms, supporting Web, full‑stack, micro‑services, RPC, Socket, and Serverless scenarios.

5. Building System

5.1 Tianma

Tianma is a self‑developed low/zero‑code building solution for C‑end pages, enabling one‑click building and multi‑terminal (H5/Native/PC/mini‑program) rendering.

5.2 Banma

Banma, based on Tianma, offers canvas building, document building, module building, and source‑code building, providing flexible, open‑ended construction capabilities.

6. Front‑end Applications

6.1 Basic Product – XinAochuang

XinAochuang is an end‑to‑end solution for Taobao’s basic chain, covering development platforms, runtime SDKs, and quality assurance through automated testing and online monitoring.

6.2 User Growth – ATC

ATC provides a one‑stop front‑end platform for “唤端” (bringing users from external ads into the app), featuring the Starlink JS SDK for H5 integration and various analytics and configuration tools.

6.3 Interactive Scenarios – EVA

EVA is a self‑developed interactive system comprising Eva.js/Hilo3D (2D/3D engine), EVA Workstation, EVA Store, and EVA Figure, delivering high‑performance graphics, animation, and virtual character rendering.

6.4 Content Consumption

6.4.1 Player – VideoX

VideoX is a front‑end video player supporting Web, PHA, Weex, and MiniApp containers, using React‑VideoX and Rax‑VideoX components with WebAssembly, MSE, and WebGL technologies.

6.4.2 Open Technology – ALive

ALive provides a full‑screen interactive marketing solution for live rooms and short videos, offering a modular live container, standardized component protocols, sandboxed execution, and a unified development chain with debugging tools.

7. Mid‑and‑Back‑Office Applications

7.1 Merchant – QianNiu

QianNiu is an all‑in‑one merchant workbench integrating micro‑applications, modules, runtime containers, and open‑platform capabilities for PC and wireless scenarios.

7.2 Shop

The shop system unifies multiple tech stacks (mini‑program, Weex, Web) into a Dx + Web architecture, improving consumer experience and development efficiency.

7.3 Creator – Taobao Host & Live Streaming

Based on Electron and micro‑front‑end, the host workbench streamlines pre‑live, live, post‑live, and data diagnostics, while the video editing tools (MAI) and Web cloud‑editing service enable rapid content production.

7.4 Operations – Operations Workbench

The workbench offers a standardized, data‑driven operation system, featuring low‑code Iceluna, no‑code ORCA, and an Experience Measurement Center for monitoring stability and user flow.

7.5 Marketing – Ark

Ark is a scene‑building platform for marketing activities, providing algorithm‑driven, data‑empowered solutions to transition from manual to data‑driven operations.

Conclusion

In 2022, Alibaba launched an end‑to‑end talent upgrade project, merging front‑end, mobile, and other terminal technologies into a unified "terminal" domain, widening career paths and future possibilities.

DaTaobao’s restructured front‑end organization deepens Web technology in business, consolidates infrastructure, and prepares for future evolution.