1.1 Taro介紹

1.1.1 簡介

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

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

1.1.2 特性

1.類似React的語法風格

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

上面這段代碼展示了Taro構(gòu)建多端應(yīng)用的基本寫法，其中包括頁面元素、頁面數(shù)據(jù)、組件生命周期。遺憾的是，因為早期Taro架構(gòu)限制，無法完全支持React所有的JSX語法。為了解決這一問題，Taro制定了對應(yīng)的語法規(guī)范，關(guān)于規(guī)范約定的詳細內(nèi)容請參閱1.4節(jié)的內(nèi)容。

2.快速開發(fā)小程序

Taro立足于微信小程序開發(fā)。眾所周知，微信小程序的開發(fā)體驗不太友好，如經(jīng)常會被提及的這些問題：

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

· 無法使用新的ES規(guī)范。

針對這些問題，Taro改良并提供了以下優(yōu)秀特性：

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

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

· 支持使用CSS預(yù)編譯器，如Sass、Less等。

· 支持使用Redux、MobX等進行狀態(tài)管理。

· 小程序API優(yōu)化，異步API Promise化等。

3.支持多端開發(fā)轉(zhuǎn)化

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

1.1.3 Taro UI

Taro解決了跨端開發(fā)規(guī)范的問題，但依然存在其他問題，如界面一致性。經(jīng)過社區(qū)不斷完善，催生出了Taro UI——提供多端界面風格統(tǒng)一方案。其主要特性如下：

· 基于Taro開發(fā)的UI組件。

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

· 提供優(yōu)化的API，可靈活地使用組件。

1.1.4 其他

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