Taro UI 2.0 Release: New Components, Multi‑Mini‑Program Support, Custom Themes, Theme Generator, and Issue Helper
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.
Six months after the initial release, Taro UI 2.0 adds eleven new components—including calendar, index selector, area selector, image selector, page prompts, separators, countdowns, curtains, step bars, global information components, and search bar—while also supporting additional mini‑program ecosystems such as Baidu.
The update brings a customizable theme feature that lets developers override SCSS variables in a dedicated custom-variables.scss file and import it at the project entry point, eliminating the need to duplicate default styles.
Two ready‑made themes (JD and 7Fresh) are provided, and a visual theme generator (available at https://nervjs.github.io/taro-ui-theme-preview/) enables developers to create and preview custom themes quickly.
An Issue Helper page and accompanying CLI tool (invoked with issue-helper build ) were created to guide contributors in filling issue templates correctly; the helper’s source code resides at https://github.com/jimczj/issue-helper.
Challenges encountered while adapting Taro UI to WeChat mini‑programs—such as Shadow DOM limitations, style scoping, native component layering, and lack of requestAnimationFrame—were resolved using Taro’s abstraction layer, and the team plans to add ByteDance mini‑program support and internationalization (i18n) in future releases.
JD Tech
Official JD technology sharing platform. All the cutting‑edge JD tech, innovative insights, and open‑source solutions you’re looking for, all in one place.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.