This article examines the challenges of using remote components in DingTalk and WeChat mini‑programs, compares them with traditional npm packages, and presents a practical Taro‑based debugging workflow that leverages alias configuration and hot‑module replacement to streamline development.
This article details the design and implementation of a single QR code page that directs users from WeChat, Alipay, and Douyin to appropriate mini‑program pages, covering community joining, user identification via unionid, web authorization, mini‑program launch, and responsive CSS sizing with Taro.
This article explores the beta release of Taro 4.0, examines its new HarmonyOS support, CompileMode for mini‑programs, and Vite‑based build chain, then details the configuration pitfalls, debugging steps, source‑code analysis, and practical recommendations for a stable development workflow.
Mpx‑cube‑ui is a cross‑platform mobile component library built on the Mpx mini‑program framework that unifies theming and reuse by organizing components into three layers—basic, basic‑business, and business—while offering hierarchical style variables, compile‑time or runtime theming, and plans to open‑source its core components for broader community adoption.
This article explains why user authentication is essential for mobile mini‑programs, outlines security measures using AccessToken and RefreshToken, and provides step‑by‑step techniques—including automatic login, token refresh, request queuing, and user‑state handling—to achieve a frictionless user experience.
This article details how JD Retail's technology team identified performance bottlenecks in the Star Store mini‑program, applied systematic monitoring, daily walkthroughs, and targeted code, packaging, and rendering optimizations—reducing JS error rates by 81%, cutting page load times by up to 28% and shrinking bundle size by nearly 10%—and outlines future plans for continued user‑experience improvements.
Learn step‑by‑step how to create a signature board for DingTalk mini‑programs using Taro and React, covering canvas creation, drawing logic, size adjustments, image export, undo functionality, landscape mode handling, and common pitfalls, so you can add reliable boss‑signed reports to your app.
The JD LBS store‑detail mini‑program team tackled slow page loads, poor scrolling, cart lag, inaccurate tracking and high energy consumption through a series of frontend optimizations—including asynchronous info loading, on‑demand code injection, package slimming, gesture handling, and energy‑saving measures—resulting in roughly 50% faster startup, a 90 health score, 10% crash reduction and tracking reliability above 95%.
This report details JD's mini‑program cross‑platform initiative for the Fast Delivery service, covering background, actions taken, research findings, progress achieved, planning considerations, risk mitigation, and expected benefits such as reduced cost, improved stability, and higher development efficiency.
Dora is an open‑source micro‑frontend framework for Taro mini‑programs that lets developers split multi‑page business logic into independent sub‑applications managed via a simple config.json, communicate through a context bridge and event system, and synchronize versions with Git tags, streamlining multi‑team collaboration and reducing overall complexity.
This article shares the team’s practical experience and solutions for embedding H5 pages in mini‑program WebViews, covering platform differences, communication mechanisms, onShow handling, common pitfalls, login‑state synchronization, payment integration, and the use of WebSocket to achieve real‑time cross‑page updates.
Ctrip’s automated error warning solution for its WeChat mini‑programs provides a comprehensive pipeline that injects build IDs, collects runtime errors via SDK, maps them with source maps, aggregates data in an APM MySQL store, and delivers real‑time alerts across development, testing, and production stages.
This article explains how Taro implements dynamic node insertion on mini‑program platforms by leveraging @tarojs/react and @tarojs/runtime, mimicking web‑style DOM operations through a custom Document abstraction, detailing the underlying classes, update mechanisms, and code examples for creating and destroying toast notifications.
This article details how Dada Delivery improved its mini‑program performance by addressing fragmented optimizations, stabilizing key metrics, and applying systematic actions such as static resource reduction, interface aggregation, startup page restructuring, and best‑practice codification, resulting in significant launch‑time reductions on both WeChat and Alipay platforms.
This article reviews the evolution, technical choices, architecture, and future roadmap of Alipay’s Cube rendering engine, which enables dynamic native pages and lightweight mini‑programs through a JavaScript‑and‑CSS‑based front‑end solution.
This article details Ctrip's comprehensive mini‑program size governance framework, covering size allocation, detection, application approval, reminders, statistics, and main‑package file management to ensure packages stay within WeChat's limits and improve launch performance.
This article introduces a jQuery‑style functional programming approach for mini‑program development, compares it with traditional Class components and React Hooks, demonstrates a simple input‑popup component with code examples, and explains how the method simplifies component communication and maintenance.
This article details how Ele.me's Lriver mini‑program container was optimized over a year to dramatically reduce first‑screen load time, covering architectural improvements, pre‑loading strategies, rendering and worker enhancements, and the monitoring tools that validated the performance gains.
This article examines the performance bottlenecks in large Taro projects, details how to analyze and modify Taro’s built‑in webpack configuration using webpack‑chain, and presents plugin‑based solutions—thread‑loader, cache‑loader, and terser‑webpack‑plugin—to cut build time to one‑third and shrink package size below the 2 MB limit.
This article explains a native image‑snapshot technique for mini‑programs that removes white‑screen delays, makes the first screen appear instantly, supports user interaction, and outlines the implementation steps, suitable scenarios, timing, storage security, accuracy measurement, and performance impact.
The article recounts four GMTC 2021 mini‑program talks, detailing Jingxi’s Taro‑based cross‑platform architecture, DCloud’s cloud‑integrated code generation, Didi’s Mpx framework for massive multi‑team projects, and Douyin’s custom rendering engine, while highlighting performance, build, and optimisation strategies.
Uni API provides a framework‑agnostic, bilingual, TypeScript‑supported solution that unifies the fragmented APIs of major mini‑program containers and the web, allowing developers to write code once and run it across multiple platforms while reducing bundle size and simplifying maintenance.
This article explains why post‑COVID mini‑program platforms need a dedicated B2B assessment system, outlines the three‑layer evaluation model, describes metric design, sampling strategies, and result analysis, and shows how the insights guide platform growth and merchant success.
An overview of Baidu's Smart Mini‑Program framework evolution describes its dual‑stack SWAN architecture, open‑host extensions, and native‑web integration, while the second part details performance‑boosting practices such as sub‑packaging, resource compression, early data fetching, and efficient setData usage to approach native app startup speeds.
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.
This article explains how to create a customized design self‑checklist for Baidu mini‑programs by outlining four practical steps—structuring the checklist, populating content, applying it in daily workflows, and iterating it—while providing concrete examples and visual references to improve interaction design quality.
This article explores the challenges of building H5 and mini‑program applications across multiple platforms, compares static compilation approaches like Chameleon, MPVue, Taro and Rax with dynamic parsing solutions such as Remax and Frad, and discusses performance trade‑offs, lifecycle integration, and future directions for view‑layer DSLs.
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.
This article explores the rise of AI in front‑end development during the pandemic, compares frameworks like TensorFlow.js, ONNX.js and WebNN, presents a performance‑focused case study of MNN.js, and outlines practical acceleration tools for cross‑platform web and mini‑program AI applications.
This article shares Alibaba's ticketing team's cross‑platform mini‑program development experience, covering Alipay, Baidu, ByteDance, and quick‑app cards, detailing platform differences, practical tips, common pitfalls, and strategies for building, testing, and maintaining multi‑platform mini‑programs efficiently.
By combining automatic pagination, removal of heavy scroll-view components, strategic data preloading, caching, and backend logic offloading, the JD mini‑program shopping cart page reduced first‑screen render time by over 50%, lowered CPU and memory usage, and delivered a smoother user experience across devices.
This article details Tencent Online Education's three business lines, the challenges of mini‑program engineering such as inconsistent environments and release issues, and how a custom DevOps workflow, automated testing, a bespoke CLI tool, and Serverless cloud functions were introduced to create a unified, scalable cloud‑native development pipeline.
This article outlines the evolution of mini‑program development at Ant Group, describing three engineering stages, essential tooling such as state management, Datahub mocking, monitoring, internationalization, component libraries, and SubApp architecture to bring mini‑programs closer to mainstream front‑end engineering practices.
The article recounts the author’s journey of building a mini‑program engine, detailing the challenges of using Vue in a sandboxed environment, the trade‑offs between single‑thread and dual‑thread models, and the architectural decisions made to balance security, performance, and native capabilities.
This article explores kbone's ability to compile Vue‑based web code into WeChat mini‑programs, detailing its build and runtime mechanisms, component adaptation, style compatibility challenges, practical implementation experiences, and tips for integrating kbone into new or existing projects.
This article details the WeChat client team's evolution from early C99‑based cross‑platform components to a mini‑program‑centric architecture, examines performance challenges on Android, and describes how integrating native rendering, the LV‑CPP C++ layer, and Flutter dramatically improved UI consistency, efficiency, and maintainability across iOS and Android.
This article details Tencent's online‑education mini‑program ecosystem, covering business matrix, native framework selection, engineering practices, audio/video integration, automated release pipelines, performance optimization through sub‑packages, and a comparison of WeChat and QQ mini‑program platforms.
The Taro UI 2.0 update introduces eleven new components, expands support to multiple mini‑program platforms, adds a customizable theme system with a visual theme generator, and provides an Issue Helper tool to streamline bug reporting, while outlining future plans for ByteDance mini‑program adaptation and i18n.
This article introduces the 58 Mini‑Program Cloud project, presenting the wto‑cli migration tool, the wbmp cross‑platform compilation framework, the wbui UI component library, and the mp‑scf‑sdk cloud development SDK, detailing their architecture, core features, migration process, and practical code examples for multi‑platform mini‑program development.
Taro 1.1 introduces Baidu and Alipay mini‑program support, new platform identifiers, UI‑library packaging capabilities, numerous bug fixes and API enhancements across WeChat, H5 and React Native, and opens a beta for mini‑program‑to‑Taro code conversion, with detailed commands and future plans.
This guide walks you through the essential components of a WeChat mini‑program, covering global app.json configuration, the App() entry point with its lifecycle callbacks, and the Page() definition with its data and lifecycle methods, illustrated with practical examples.
Developers can now flexibly embed web pages within mini-programs using the web-view component, which fills the entire page as a container, though it currently excludes personal and overseas mini-program types, and the guide shows the required WXML markup to set the source URL.
The wxapp‑market library provides a collection of ready‑to‑use marketing components for WeChat mini‑programs—such as big wheel, scratch tickets, slot machines, and gesture locks—along with clear setup instructions, code examples, and a GitHub repository for quick integration.
