Taobao’s 2023 Web Tech Map: Front‑End Engineering & Cloud‑Native Containers

Background

In 2022 the Taobao front‑end team restructured, splitting the >300‑person front‑end group into business‑aligned technical teams while retaining a virtual "big front‑end" organization to ensure consistent infrastructure, continuous technical investment, and talent growth.

After more than six months of operation, the team focused its technology efforts and consolidated its products, which are shared here for the 2023 year.

Taobao Web Technology Map

The map is organized into three layers: Engineering, R&D, and Application.

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 system (code‑named "Tianma").

Runtime containers: Web container, custom Hybrid container, and cloud‑native JavaScript container.

Frameworks: Front‑end framework and Node.js framework.

Building: Internal low/zero‑code system "Tianma".

Application : Front‑end applications for C‑end consumers and B‑end merchants, creators, and operations.

Technical Product Overview

1. Front‑End Engineering – O2

O2 is Alibaba’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. Core sub‑brands are O2 Space and O2 Code.

1.1 O2 Space (R&D Platform)

A one‑stop Web delivery platform covering application management, change and iteration publishing, code building, and static scanning.

1.2 O2 Code (Development Tool)

An IDE built on the open‑source OpenSumi framework, deeply integrated with Alibaba’s front‑end infrastructure, providing both local and Web versions.

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 : Targets "1‑minute alarm, 5‑minute issue localization" by providing gray‑scale monitoring, real‑time alerts, source code tracing, and full‑link logs.

Experience Measurement : Establishes cross‑platform performance metrics for Weex/Web/Native pages.

Business Analysis : Analyzes user interaction behavior to uncover hidden experience issues.

3. Runtime Containers

3.1 Web Container – PHA

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

3.2 Cross‑Platform Container & Engine – Weex 2.0

Weex 2.0 builds on Weex 1.0 with major architectural upgrades, supporting mainstream front‑end frameworks (React, Vue) and JS game engines, offering high customizability, performance, and multi‑device consistency.

3.3 Cloud‑Native Container – Noslate

Noslate is a cloud‑native JavaScript container designed for Serverless scenarios, improving elasticity and diagnostic capabilities. It consists of Noslate Workers (lightweight container for SSR), Noslate Debugger (offline crash diagnosis), and a custom Node.js distribution optimized for Alibaba Cloud.

4. Development Frameworks

4.1 Front‑End Framework – ICE

ICE provides an out‑of‑the‑box ecosystem including ice.js application framework, ICE PKG for NPM packages, ICESTARK micro‑frontend solution, UNI API for cross‑container bridging, and AppDevTools for local debugging.

4.2 Node.js Framework – Midway

Midway is a progressive Node.js framework supporting TypeScript, OOP, FP, and a wide range of scenarios (Web, full‑stack, micro‑services, RPC, Socket, Serverless).

5. Building Systems

5.1 Tianma

Tianma is a low/zero‑code building and data‑delivery solution for C‑end pages, supporting one‑click multi‑device rendering (H5/Native/PC/mini‑apps).

5.2 Zebra

Zebra extends Tianma with canvas, document, module, and source‑code building modes, offering a playground for custom building workflows.

6. Front‑End Applications

6.1 Basic Product – XinAochuang

XinAochuang is an end‑to‑end solution for Taobao’s basic chain, covering R&D platform, runtime SDKs, and quality assurance.

6.2 User Growth – ATC

ATC provides a front‑end SDK (Starlink JS) for “唤端” (bringing users from external ads into the app) with configurable strategies and analytics.

6.3 Interactive – EVA

EVA offers a self‑developed 2D/3D engine (Eva.js/Hilo3D), workstation, asset store, and figure rendering for interactive experiences.

6.4 Content Consumption – VideoX & ALive

VideoX is a cross‑platform video player using WebAssembly, MSE, and WebGL; ALive provides a flexible live‑streaming container and component suite for interactive marketing.

7. Mid‑Back Applications

7.1 Merchant – QianNiu

QianNiu is a one‑stop merchant workbench integrating B/C unified open‑tech, micro‑apps, and performance dashboards.

7.2 Creator – Electron‑Based Tools

Electron is used to build the Taobao broadcaster workstation, video editing (MAI), and web‑cloud clipping tools, sharing a common UI library.

7.3 Operations – Operating Workbench & Ark

The operating workbench provides a standardized, data‑driven UI for merchants, creators, and operators, while Ark offers a low‑code scene‑building platform for marketing activities.

Conclusion

In 2022 Alibaba launched an end‑to‑end talent upgrade project, merging front‑end, mobile, and app development into a unified "terminal" domain, expanding career paths for engineers. Taobao’s restructured front‑end organization deepens Web technology in business, consolidates infrastructure, and prepares for future evolution.