官术网_书友最值得收藏!

1.1 Taro介紹

1.1.1 簡介

Taro是一套遵循React語法規范的多端開發解決方案,甚至在Taro 3.0及以上版本可以選用Vue、React或Nerv作為開發規范。Taro遵循React語法,但和React并沒有直接關系。Taro底層使用了京東團隊開發的Nerv框架,該框架語法接近React。

面對微信小程序、京東小程序、百度小程序、支付寶小程序、字節跳動小程序、快應用、H5、React Native開發,我們深感疲憊,假如只編寫一套代碼就能適配這里列舉的各種端,豈不快哉?不妨,先想象一下write once, run anywhere,是多么令人神往。

1.1.2 特性

1.類似React的語法風格

Taro遵循React語法規范,它采用與React一致的組件化思想、組件生命周期、JSX語法等,如此,將開發學習的成本降到最低。只要你使用過React,就可以使用Taro來快速開發多端應用,從而降低學習成本,提升開發體驗。Taro基本用法的代碼示例如下:

上面這段代碼展示了Taro構建多端應用的基本寫法,其中包括頁面元素、頁面數據、組件生命周期。遺憾的是,因為早期Taro架構限制,無法完全支持React所有的JSX語法。為了解決這一問題,Taro制定了對應的語法規范,關于規范約定的詳細內容請參閱1.4節的內容。

2.快速開發小程序

Taro立足于微信小程序開發。眾所周知,微信小程序的開發體驗不太友好,如經常會被提及的這些問題:

· 小程序中無法使用npm來做第三方庫的管理。

· 無法使用新的ES規范。

針對這些問題,Taro改良并提供了以下優秀特性:

· 支持使用npm/yarn安裝管理第三方依賴。

· 支持使用ES7/ES8甚至更新的ES規范,一切都可以自行進行配置。

· 支持使用CSS預編譯器,如Sass、Less等。

· 支持使用Redux、MobX等進行狀態管理。

· 小程序API優化,異步API Promise化等。

3.支持多端開發轉化

Taro方案是在實踐中總結出的快速打造多端開發應用的解決方案。目前通過Taro編寫的代碼能夠編譯為可以運行在微信/京東/百度/支付寶/字節跳動/QQ小程序的快應用H5原生應用(React Native)

1.1.3 Taro UI

Taro解決了跨端開發規范的問題,但依然存在其他問題,如界面一致性。經過社區不斷完善,催生出了Taro UI——提供多端界面風格統一方案。其主要特性如下:

· 基于Taro開發的UI組件。

· 一套組件可以在微信/支付寶/百度小程序H5多端適配運行(React Native端暫不支持)。

· 提供優化的API,可靈活地使用組件。

1.1.4 其他

學習是一個枯燥的過程,在學習Taro的過程中,無論你有任何問題或者建議,都可以訪問Taro官網查找資料或者提出相關建議。如果你經常使用GitHub,也可搜索awesome-taro查看更多學習資源。

主站蜘蛛池模板: 潢川县| 阳泉市| 瑞安市| 宁国市| 昌平区| 拉孜县| 伊宁市| 梅河口市| 嘉善县| 康保县| 牡丹江市| 大港区| 墨竹工卡县| 晋宁县| 绥中县| 安陆市| 神木县| 苍溪县| 伊宁县| 保定市| 迁安市| 汤原县| 望谟县| 淮北市| 阆中市| 靖边县| 梁平县| 仁怀市| 彭州市| 财经| 永善县| 定州市| 朝阳市| 太仆寺旗| 易门县| 衡阳县| 阿拉善右旗| 新平| 长丰县| 长白| 泉州市|