Tagged articles

28 articles

Page 1 of 1

Alibaba Cloud Developer

Jul 4, 2025 · Frontend Development

How AI Accelerated a Rax‑to‑React Component Migration: A Full Case Study

This article details a real‑world M‑site homepage refactor where AI‑powered Cursor and structured prompts were used to migrate a Rax waterfall component to React, rewrite DX components, optimize business logic, enforce project standards, and evaluate the benefits and limits of AI‑assisted development.

AI-assisted developmentComponent MigrationRax

0 likes · 22 min read

How AI Accelerated a Rax‑to‑React Component Migration: A Full Case Study

Sep 2, 2024 · Frontend Development

Evolution and Architecture of the Daily Must‑Grab Mini‑Program Order System

The Daily Must‑Grab mini‑program order system evolved from a DX XML‑based UI to a React‑like Rax framework and finally to a native Ao Chuang solution, delivering cross‑platform support, smaller bundles, faster launches, better async handling, and extensible plug‑in architecture while leveraging Taobao’s transaction core.

DXMini ProgramRax

0 likes · 13 min read

Evolution and Architecture of the Daily Must‑Grab Mini‑Program Order System

Rare Earth Juejin Tech Community

Mar 16, 2024 · Frontend Development

Rax2Taro: Building a Compiler to Convert Rax Components into Taro

This article walks through the design and implementation of a compiler that automatically transforms Rax components into Taro components, covering the background, Babel‑based AST processing, import rewriting, component attribute mapping, project structure, automated end‑to‑end testing, and future enhancements.

ASTComponent ConversionRax

0 likes · 15 min read

Rax2Taro: Building a Compiler to Convert Rax Components into Taro

Jun 30, 2022 · Frontend Development

VideoX: A Multi‑Platform Front‑End Video Player for Large‑Scale E‑Commerce

VideoX is a versatile front‑end video player built for Taobao’s massive e‑commerce platform, offering multi‑terminal playback, customizable controls, and analytics through a layered architecture that separates core decoding, framework integration, and experience assurance, while supporting modern web technologies and native fallbacks across diverse business scenarios.

RaxReactarchitecture

0 likes · 29 min read

VideoX: A Multi‑Platform Front‑End Video Player for Large‑Scale E‑Commerce

Alibaba Terminal Technology

Mar 30, 2022 · Frontend Development

How Alibaba’s Feizhu Scaled WeChat Mini‑Programs: Front‑End Strategies & Lessons

This article details Alibaba's Feizhu journey of adopting WeChat mini‑programs, covering background, technology stack choices, integration platform design, performance and volume optimizations, and future front‑end challenges, offering practical insights for large‑scale mobile web development.

Domain BlockingRaxWeChat Mini Program

0 likes · 14 min read

How Alibaba’s Feizhu Scaled WeChat Mini‑Programs: Front‑End Strategies & Lessons

Taobao Frontend Technology

Feb 14, 2022 · Frontend Development

How Rax Enables JavaScript Apps on Huawei HarmonyOS: A Cross‑Platform Deep Dive

This article explains how the Rax framework integrates with Huawei's HarmonyOS to allow JavaScript‑based applications across multiple devices, covering the motivations for cross‑platform development, technical solutions, rendering architecture, build pipelines, and the roadmap for future collaboration.

HarmonyOSJavaScriptRax

0 likes · 11 min read

How Rax Enables JavaScript Apps on Huawei HarmonyOS: A Cross‑Platform Deep Dive

Alibaba Terminal Technology

Feb 14, 2022 · Frontend Development

How Rax Enables Seamless Cross‑Platform Development on HarmonyOS

This article explains why cross‑platform development is needed, compares one‑code‑many‑devices versus separate codebases, introduces Rax as a React‑style framework, and details the technical architecture, rendering pipeline, build process, and development workflow for creating HarmonyOS applications with Rax.

HarmonyOSJavaScriptRax

0 likes · 12 min read

How Rax Enables Seamless Cross‑Platform Development on HarmonyOS

Alibaba Terminal Technology

Mar 30, 2021 · Frontend Development

How to Build a Unified Cross‑Platform Frontend with Adaptive UI Layers

This article explains a joint cross‑platform approach that lets developers share a single codebase across PC browsers, mobile web, and app WebViews by exposing adaptable UI and logic layers, using custom adapters and build tools to generate platform‑specific bundles while preserving existing tech stacks.

JavaScriptRaxReact

0 likes · 15 min read

How to Build a Unified Cross‑Platform Frontend with Adaptive UI Layers

Alibaba Cloud Developer

Feb 25, 2021 · Frontend Development

Streamlining Multi‑Platform Frontend Component Development with Fusion and Rax

This article explores the challenges of building business UI components across PC, mobile, and mini‑app platforms, details a unified fusion development approach using React, Rax, and Alibaba’s Fusion toolchain, and shares practical solutions for tooling, build pipelines, and automated component publishing.

AutomationRaxReact

0 likes · 23 min read

Streamlining Multi‑Platform Frontend Component Development with Fusion and Rax

Taobao Frontend Technology

Dec 21, 2020 · Frontend Development

How Rax Enables Runtime Rendering for Mini‑Programs: Architecture and Optimizations

This article explains the principles behind Rax's mini‑program runtime scheme, compares it with the compile‑time approach, details the self‑referencing component technique, event system, engineering design, performance tuning measures, mixed usage with custom components, and future optimization directions.

KboneRaxRuntime

0 likes · 15 min read

How Rax Enables Runtime Rendering for Mini‑Programs: Architecture and Optimizations

Alibaba Cloud Developer

Dec 15, 2020 · Frontend Development

How Fliggy Cut Double‑11 Frontend Load Time by 25% with Rax, SSR, and Snapshot

This article details how Fliggy's front‑end team tackled the performance challenges of the Double‑11 shopping festival by migrating to Rax 1.0 on Web, employing pre‑render, Serverless SSR, Snapshot caching, SPA techniques, and comprehensive monitoring, ultimately achieving a 25% reduction in first‑screen load time.

RaxSPASSR

0 likes · 13 min read

How Fliggy Cut Double‑11 Frontend Load Time by 25% with Rax, SSR, and Snapshot

Alibaba Terminal Technology

Dec 9, 2020 · Frontend Development

Inside Rax’s Runtime Engine: Architecture, Rendering & Performance for Mini‑Programs

This article explains how Rax uniquely supports both compile‑time and runtime schemes for mini‑programs, detailing the runtime architecture, rendering mechanics, event system, engineering design, performance optimizations, and mixed‑usage strategies to balance flexibility and efficiency.

MiniProgramRaxperformance

0 likes · 15 min read

Inside Rax’s Runtime Engine: Architecture, Rendering & Performance for Mini‑Programs

Taobao Frontend Technology

Nov 19, 2020 · Frontend Development

How Alibaba’s EVA System Delivered Lightning‑Fast, Stable Double‑11 Interactive Cats

This article explains how the Alibaba interactive team built a custom EVA‑based front‑end solution—including page rendering infrastructure, a specialized development system, and global stability measures—to achieve ultra‑fast loading, zero‑fault operation, and record‑breaking participation for the Double‑11 "Super Star Cat" campaign.

EVARaxWeb Performance

0 likes · 13 min read

How Alibaba’s EVA System Delivered Lightning‑Fast, Stable Double‑11 Interactive Cats

Taobao Frontend Technology

Oct 12, 2020 · Frontend Development

Boost Interactive Web Development with Rax: Building EVA Workstation Scaffolding

This article explains how the EVA Workstation scaffolding integrates interactive web projects into the Rax ecosystem by addressing CSS, SVG, build plugins, and CLI tooling to improve developer efficiency and align with shared infrastructure.

CLIRaxSVG

0 likes · 18 min read

Boost Interactive Web Development with Rax: Building EVA Workstation Scaffolding

Taobao Frontend Technology

Sep 16, 2020 · Frontend Development

How Alibaba’s Frontend Team Scaled UI Reuse Across Industries with DomKey and Rax

This article details how Alibaba's front‑end team tackled fragmented industry UI development by standardizing components, introducing a DomKey theming mechanism, building a visual theme generator, and leveraging Rax for cross‑platform solutions, ultimately improving reuse and developer efficiency.

Component DesignRaxcross-platform

0 likes · 7 min read

How Alibaba’s Frontend Team Scaled UI Reuse Across Industries with DomKey and Rax

Taobao Frontend Technology

Aug 21, 2020 · Frontend Development

What I Learned in 90 Days as a Front‑End Intern at Alibaba

In this reflective article the author shares a 90‑day journey as a front‑end intern at Alibaba, covering interview experiences, team integration, technical challenges with Rax and Weex, personal growth in communication and business understanding, and practical lessons for aspiring developers.

Raxbusiness acumeninternship

0 likes · 20 min read

What I Learned in 90 Days as a Front‑End Intern at Alibaba

Taobao Frontend Technology

Jul 31, 2020 · Frontend Development

Choosing the Right Mini‑Program Framework: Native, Progressive, Compile‑time vs Runtime

This article examines the evolution of WeChat mini‑programs, compares native syntax with progressive enhancement, compile‑time conversion and runtime frameworks, and offers guidance on selecting the most suitable approach based on performance, syntax flexibility, and business needs.

Compile-timeFrameworkRax

0 likes · 16 min read

Choosing the Right Mini‑Program Framework: Native, Progressive, Compile‑time vs Runtime

Taobao Frontend Technology

Jun 29, 2020 · Frontend Development

Inside Alibaba’s Front‑End Engine: Powering the 618 Mega‑Sale

This article outlines how Alibaba's Taobao front‑end team built a comprehensive engineering, architecture, and platform ecosystem—including Rax, ICE, PWA, and custom interactive tools—to ensure the 2020 618 e‑commerce promotion ran smoothly and delivered high performance, scalability, and innovative user experiences.

ICEPWARax

0 likes · 12 min read

Inside Alibaba’s Front‑End Engine: Powering the 618 Mega‑Sale

Taobao Frontend Technology

May 9, 2020 · Frontend Development

How Alibaba’s Tianma Build System Redefines Front‑End Module Development

This article explains the evolution of Alibaba’s Tianma build platform—from early WordPress sites to modern Rax‑based modular UI—covering its design principles, module concepts, data standardization, dependency de‑duplication, rendering services, multi‑terminal caching, and future directions for front‑end development.

Data StandardizationRaxdependency management

0 likes · 25 min read

How Alibaba’s Tianma Build System Redefines Front‑End Module Development

Taobao Frontend Technology

Jan 20, 2020 · Frontend Development

Why Rax SSR Beats CSR: 6× Faster Rendering and Serverless Benefits

This article explains how Rax's Server‑Side Rendering delivers six‑times the performance of React, outlines the challenges of SSR development, and shows how Serverless integration can simplify deployment while maintaining superior rendering speed, especially on weak networks.

RaxSSRfrontend

0 likes · 8 min read

Why Rax SSR Beats CSR: 6× Faster Rendering and Serverless Benefits

Alibaba Cloud Developer

Dec 16, 2019 · Frontend Development

How Rax Redefines Frontend Rendering for Faster, Lighter User Experiences

This article explains how Alibaba's open‑source Rax framework improves front‑end performance through lightweight bundles, adaptive hydration, snapshot rendering, server‑side and native side rendering, and personalized rendering strategies, aiming to keep first‑screen interaction under three seconds even during massive traffic spikes.

NSRPerformance OptimizationRax

0 likes · 8 min read

How Rax Redefines Frontend Rendering for Faster, Lighter User Experiences

Taobao Frontend Technology

Dec 3, 2019 · Frontend Development

Boost Mobile Web Performance with Rax PWA: Fast Loading, No White‑Screen, Seamless Offline

The article introduces Rax PWA, a solution built on Rax 1.x that enables lightweight configuration of Progressive Web Apps, detailing SPA routing, code splitting, App Shell, skeleton screens, snapshot rendering, service‑worker caching, SSR support, and manifest generation to dramatically improve mobile web performance and user experience.

App ShellPWARax

0 likes · 12 min read

Boost Mobile Web Performance with Rax PWA: Fast Loading, No White‑Screen, Seamless Offline

Taobao Frontend Technology

Nov 28, 2019 · Frontend Development

How Alibaba’s ALive Transformed Live‑Streaming Front‑End Performance

Alibaba’s ALive platform evolved from a small‑scale live‑streaming team to an open, high‑performance front‑end solution, introducing a flexible live‑container, dynamic component loading, and a comprehensive engineering suite that boosts performance, development efficiency, and enables diverse live‑stream experiences across Alibaba’s ecosystem.

ALiveFrontend ArchitectureRax

0 likes · 16 min read

How Alibaba’s ALive Transformed Live‑Streaming Front‑End Performance

Taobao Frontend Technology

Oct 16, 2019 · Frontend Development

Rax 1.0: Faster Bundles, Hooks, and Alipay Mini‑Program Support

Rax 1.0 introduces a major version upgrade with Hooks, Alipay mini‑program support, a dramatically reduced bundle size, improved web experience and server‑side rendering, while providing richer documentation, plugin architecture, and a new website to boost development efficiency.

Alipay Mini ProgramRaxSSR

0 likes · 4 min read

Rax 1.0: Faster Bundles, Hooks, and Alipay Mini‑Program Support

Taobao Frontend Technology

Mar 15, 2018 · Frontend Development

Mastering Long List Performance in Rax: Scroll, Recycle, and Advanced Techniques

This article provides a comprehensive guide to Rax 0.5's long‑list components, explaining when to use each list tag, how to enable scrolling, optimize performance with RecyclerView, handle refresh, appear, and onScroll events, and organize complex page layouts with sticky headers, nested scrolling, and gesture management.

Long ListRaxRecyclerView

0 likes · 14 min read

Mastering Long List Performance in Rax: Scroll, Recycle, and Advanced Techniques

Taobao Frontend Technology

Feb 7, 2018 · Frontend Development

How Rax Bridges Web and Native: Inside the Weex-Powered Cross‑Platform Engine

This article explains how Rax combines React Native‑style syntax with Weex capabilities to let front‑end developers write once and run on both web and native platforms, detailing the underlying native implementation, virtual‑DOM design, layout and component differences, and practical tips for using Rax in real projects.

Raxfrontend

0 likes · 14 min read

How Rax Bridges Web and Native: Inside the Weex-Powered Cross‑Platform Engine

Taobao Frontend Technology

Jan 18, 2018 · Frontend Development

Master Rax: From Basics to Advanced Development

This comprehensive guide introduces Rax—a lightweight, cross‑container JavaScript framework from Alibaba—covers its core concepts, JSX syntax, component lifecycle, event handling, drivers, framework APIs, development tools, debugging, deployment best practices, and provides practical code examples for beginners and experienced developers alike.

JavaScriptRaxTutorial

0 likes · 14 min read

Master Rax: From Basics to Advanced Development

Taobao Frontend Technology

Feb 13, 2017 · Frontend Development

How Rax Is Revolutionizing Multi‑Platform Frontend Development

Rax, an open‑source React‑compatible framework launched by Alibaba, unifies web, Weex, and Node.js rendering through a driver architecture, offering a tiny bundle size, multi‑node support, and standardized APIs to enable developers to write once and run everywhere across mobile, web, and emerging platforms.

RaxReactmulti-platform

0 likes · 11 min read

How Rax Is Revolutionizing Multi‑Platform Frontend Development