前言
Taro小程序簡介
Taro 是一套遵循 React 語法規範的 多端開發 解決方案。
現如今市面上端的形態多種多樣，Web、React-Native、微信小程序等各種端大行其道，當業務要求同時在不同的端都要求有所表現的時候，針對不同的端去編寫多套代碼的成本顯然非常高，這時候只編寫一套代碼就能夠適配到多端的能力就顯得極爲需要。
使用 Taro，我們可以只書寫一套代碼，再通過 Taro 的編譯工具，將源代碼分別編譯出可以在不同端（微信/百度/支付寶/字節跳動/QQ小程序、快應用、H5、React-Native 等）運行的代碼。
- React 語法風格
Taro 遵循 React 語法規範，它採用與 React 一致的組件化思想，組件生命週期與 React 保持一致，同時支持使用 JSX 語法，讓代碼具有更豐富的表現力，使用 Taro 進行開發可以獲得和 React 一致的開發體驗
- 支持原生微信小程序轉成Taro小程序
自 v1.2.0 開始支持此功能
微信原生小程序轉 Taro 的操作非常簡單，首先必須安裝使用 npm i -g @tarojs/cli 安裝 Taro 命令行工具，其次在命令行中定位到小程序項目的根目錄，根目錄中運行：
$ taro convert
即可完成轉換。轉換後的代碼保存在根目錄下的 taroConvert 文件夾下。你需要定位到 taroConvert 目錄執行 npm install 命令之後就可以使用 taro build 命令編譯到對應平臺的代碼。
注: 以上所有內容全部摘自Taro小程序官方文檔, 以上僅僅是非常簡單的介紹Taro小程序.下面纔是我想着重強調看文檔思路.
Taro小程序和微信小程序的區別
如果在此之前,你沒有react語法的基礎或者對ES6不是很熟悉,我認爲後續非常有必要去學習的.因爲Taro框架本身就是基於react開發,內部也有很多ES6語法,
強烈建議學習. 當然,這裏說了,竟然是基礎,也是可以後續去彌補的. 不過會學的非常喫力,有點死記硬背的味道, 如果你能接受,也不反對.
1.如何學習Taro小程序文檔
a.學習Taro框架的語法和規範
b.學習適配多端的一些特性
c.學習狀態更新(setData方法和setState方法)
d.路由跳轉以及路由挑戰時傳值、取值
e.其他的開發流程粗略看一遍
2.使用Taro API的注意事項(以微信小程序爲例)
- API使用
在Taro框架中,使用API時,一般是Taro.xxxx,書寫是這樣寫,編譯時,如果是編譯成微信小程序,會自動轉換成wx.xxxxx,當然直接使用wx.xxx雖然編譯報錯但是也能生效, 一般不推薦這樣的做法,會顯得很不規範,也不容易定位錯誤.
-
API參考
如果你不確定你當前使用的API是否存在,如果你當前開發的是微信小程序,可以前去小程序官方找對應API,看看是否存在,開發其他小程序也是如此. -
UI組件
強烈推薦首先查看Taro官方API基礎組件和Taro官方封裝的UI組件,能夠滿足適應大部分開發需求.
預告
下一講,我們將會介紹Taro小程序項目創建過程.然後分享一下可能會涉及到的一些規範和注意事項.