Taro: Преобразуйте существующие мини-программы WeChat в мультитерминальные приложения.

React.js Taro
Taro: Преобразуйте существующие мини-программы WeChat в мультитерминальные приложения.

на расстоянииТаро 1.1 выпущенЧерез месяц,500несколько коммитов и17После нескольких итераций предварительных сборок мы уверены, что Taro 1.2 будет выпущен сегодня.

По сравнению с Taro 1.1 и другими фреймворками для разработки апплетов, в Taro 1.2 добавлено множество функций, которые впервые были реализованы в фреймворке апплетов, включая, помимо прочего:

Апплет WeChat для мультитерминального приложения

Точно так же, как поставщик услуг блога в эпоху войн блогов предоставляет «движущийся» инструмент, Таро теперь также предоставляет «движущийся» инструмент, чтобы вы могли легко освоиться в сообществе Таро. Преобразование оригинального апплета WeChat очень просто, вам нужно только установить инструмент командной строки Taro, найти корневой каталог проекта, который нужно перенести, и выполнить команду:
$ taro convert

Taro сгенерирует преобразованный код в корневом каталогеtaroConvertпапка. Преобразованный код представляет собой хорошо читаемый код JSX без дополнительных накладных расходов на огромную библиотеку компонентов. Вы можете легко провести вторичную разработку или напрямую передать эти коды черезtaro buildкоманда для создания приложений для любой платформы, которую уже поддерживает Taro.

мы пытались использоватьtaro convertУспешно преобразовал четыре самых популярных приложения WeChat Mini Program с открытым исходным кодом на GitHub, и все они показали хорошие результаты после преобразования:

taro convertОн может не только поддерживать преобразование приложений апплета WeChat, но также может преобразовывать сторонние компоненты апплета WeChat. НапримерwxParseпроходить черезtaro convertПосле компиляции он может преодолеть исходное ограничение анализа только 11 слоев вложения HTML и теоретически может анализировать бесконечное количество слоев вложения HTML.

Для получения более подробной информации посетите документациюДочь Ви находится на .GitHub.IO/taro/docs/he…понять больше.

Поддержка апплета ByteDance (Toutiao)

В качестве «мультитерминальной унифицированной среды разработки» Taro, конечно же, не откажется от апплета ByteDance. В Taro 1.2 вы можете использовать следующие команды для предварительного просмотра и упаковки апплета ByteDance:
# npm script
$ npm run dev:tt
$ npm run build:tt
# 仅限全局安装
$ taro build --type tt --watch
$ taro build --type tt
# npx 用户也可以使用
$ npx taro build --type tt --watch
$ npx taro build --type tt

Выберите режим апплета ByteDance, который необходимо скачать и открытьИнструменты разработчика программ ByteDance Mini, а затем выберите каталог dist в корневом каталоге проекта для предварительного просмотра после компиляции проекта.

Соответственно, платформенная идентичность Таро (process.env.TARO_ENV) также добавляет новых членовtt, представляющий апплет ByteDance.

Поддержка CSS-модулей

Мы поддерживали Taro, когда он был впервые открыт.SCSS,LESSа такжеStylus, а в Taro 1.2 мы пошли еще дальше и представили сообществу лучшего друга JSX: CSS-модули.

Поддержка модулей CSS важна для Taro. Таро уже поддерживает компоненты в версии 1.0.styleПередача объекта JavaScript поддерживает модули CSS после компонентаclassNameЭто тоже можно сделать — это означает, что Taro может делать только одну функцию JSX: «Все в JavaScript». В то же время, благодаря функциям автодополнения и проверки редактора, разработчикам больше не нужно беспокоиться об опечатках классов CSS и именовании классов CSS.

вы можете ознакомиться с документациейИспользование модулей CSSУзнайте, как включить модули CSS.

Модули CSS в основном поддерживаются отдельными разработчиками в сообществе Taro.@MrKou47 (MrKou47) развитие, спасибо за его вклад.

поддержка МобХ

С ростом сложности приложений-апплетов все больше и больше разработчиков предпочитают использовать независимые инструменты управления состоянием. В Taro 1.1 можно выбрать систему Reduxredux-thunk,dva-core,redux-sagaи другие инструменты. В Таро 1.2 мы снова принеслиtaro-mobx.

Использовать MobX в Таро очень просто, вы можете использоватьtaro init <your app>Команда для создания нового проекта шаблона MobX. Также смИспользование MobXДокументация будетtaro-mobxДоступ к существующим проектам.

MobX поддерживается в основном отдельными разработчиками из сообщества Taro.@nanjingboy (Tom Huang)развитие, спасибо за его вклад.

Больше возможностей

Столкнувшись с влиятельными отдельными участниками сообщества, официальная команда Таро также не бездействует. Пока Taro 1.2 разрабатывался, мы закрыли 169 проблем с помощью коммитов, а также добавили больше функций. Среди них стоит отметить:

  • Система маршрутизации H5 полностью переработана
  • Реквизит компонента апплета поддерживает передачу элементов JSX.
  • Поддержка элементов JSX, написанных наswitch-caseи поддерживаетif-elseа такжеswitch-caseмногократное вложение
  • Поддержка ссылок на псевдонимы (alias)
  • Официально сотрудничал с мини-программами Baidu и мини-программами ByteDance, чтобы сгладить различия между большой волной и мини-программами WeChat.

ты можешь пройтиCHANGELOGОзнакомьтесь с записью об итерации полной функции.

напиши в конце

Самой интересной особенностью Taro 1.2, очевидно, является функция «Апплет WeChat to Taro», с помощью которой существующие апплеты WeChat могут быть преобразованы в код Taro (подобный React), который лучше поддерживается, а код Taro также может быть преобразован в мульти-код. терминальные приложения.

Но что еще более важно, две основные особенности этого обновления Taro 1.2 вносятся отдельными разработчиками, что полностью отражает активное, сильное и открытое сообщество Taro. Мы также будем поддерживать долгосрочные отношения с разработчиками сообщества, расти вместе с разработчиками и добиваться взаимной выгоды. Вот почему Таро выбрал открытый исходный код.

Если у вас есть идеи или нет идей, Таро приглашает вас поболтать или осмотреть достопримечательности:

github.com/NervJS/taro