Aotu Lab, founded in October 2015, is a front-end engineering team serving multi-platform products. The articles in this public account are intended to share and discuss technology, reflecting only the personal views of Aotu Lab members and not the official stance of JD.com Technology.
Taro For Harmony’s open‑source C‑API release upgrades the framework to fully support pure HarmonyOS, delivering richer style adaptation, higher rendering performance, comprehensive component coverage, and a web‑style development experience that rivals native ArkTS apps.
JD leveraged the Taro cross‑platform framework to build a HarmonyOS native app, detailing the background partnership with Huawei, the technical solution choices, key features like Web‑style development, CSS optimizations, virtual lists, and mixed native modules, and presenting performance gains and future optimization plans.
This guide explains what WebAssembly components are, why Rust is a good choice, how to install the required tools, generate and compile a wasm‑pack project, and adapt the resulting module for real‑world 3D model vertex merging in both webpack and Vite environments.
This article explains a custom Webpack plugin and React component solution that combines code splitting, lazy loading, and preloading to reduce first‑screen resource size, avoid long loading times, and improve user experience in SPA applications.
This article details a step‑by‑step case study of creating a web‑based 3D shopping scene, covering framework selection, rendering layer architecture, collision handling, asset pipelines, performance optimizations, and future iteration plans for lazy loading and real‑time lighting.
This article walks through a comprehensive front‑end performance optimization process—starting from diagnosing issues with Lighthouse, identifying bottlenecks such as large bundle size and uncompressed assets, applying code splitting, lazy loading, image optimization, CSP, SEO tweaks, and finally setting up continuous monitoring with a custom platform—to achieve a 279% improvement in Lighthouse performance scores and near‑three‑fold speed gains.
This article explains the multi‑compiler kernel ecosystem behind Taro, detailing how Webpack, Vite and Metro kernels are integrated, the plugin system that unifies build processes across Web, App, mini‑program and Harmony platforms, and the performance gains and challenges of this approach.
This guide explains how to use the open‑source Skia 2D graphics library via the canvaskit‑wasm WebAssembly package to create surfaces, draw shapes, apply paints, shaders, blend modes, and perform 2D matrix transformations—including translation, scaling, rotation, skew, and perspective—culminating in a complete procedural design workflow with reusable JSX components.
This article examines how design engineering—rooted in atomic design theory and design tokens—addresses modularity, scalability, and collaboration challenges between designers and front‑end engineers, offering practical workflows, tooling insights, and future directions for consistent, efficient UI production.
This comprehensive guide explains the concept of type gymnastics, explores TypeScript's type system, demonstrates key type operations and patterns, and walks through practical implementations of advanced utility types and a custom ParseQueryString type.
