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

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查看更多學習資源。

主站蜘蛛池模板: 孟连| 钟山县| 阳西县| 大姚县| 万年县| 防城港市| 宁蒗| 镇赉县| 孟州市| 梧州市| 昭平县| 阜康市| 都江堰市| 龙胜| 承德县| 海城市| 新泰市| 沁阳市| 永福县| 丰城市| 诏安县| 栾城县| 沙湾县| 靖西县| 吴江市| 延长县| 防城港市| 阿合奇县| 石屏县| 临桂县| 安义县| 盖州市| 吴旗县| 土默特左旗| 兴海县| 桂阳县| 高陵县| 盱眙县| 石首市| 成都市| 弋阳县|