前言

2017年1月9日，微信小程序正式上線。自此，這種觸手可及、用完即走的小程序產(chǎn)品引起廣泛關(guān)注。

在此后的一段時間里，數(shù)個產(chǎn)品均發(fā)布了自己的小程序平臺，其中包括支付寶小程序、百度小程序、字節(jié)跳動小程序等。各小程序平臺間存在或多或少的差異，如語法差異、規(guī)范差異等，對于開發(fā)者而言，開發(fā)各端小程序是非常浪費(fèi)精力的，因?yàn)楦鞫诵〕绦蛑g存在的差異是少量的，我們希望編寫同一套代碼，在編譯時抹平各端差異，從而提升開發(fā)效率，降低開發(fā)成本。

除了小程序，產(chǎn)品可能還需要在H5、iOS、Android端運(yùn)行。能否在兼顧小程序的同時編譯生成H5、iOS、Android應(yīng)用呢？畢竟在React的生態(tài)里，有一個框架——React Native支持使用React開發(fā)iOS、Android應(yīng)用。經(jīng)過很多開發(fā)者的不停探索，催生出了很多優(yōu)秀的多端開發(fā)框架，其中就有Taro。

Taro誕生已有兩年多時間，在這兩年多時間里，Taro一直保持高速成長狀態(tài)。從1.x版本到3.x版本，Taro經(jīng)歷了大的版本迭代與重構(gòu)，正是因?yàn)樵创a的不斷重構(gòu)與架構(gòu)調(diào)整，才使得更多的開發(fā)者加入其中，共同迭代升級Taro，有越來越多的公司選擇使用Taro開發(fā)多端統(tǒng)一應(yīng)用。

多端開發(fā)“封神榜”上，一定會有Taro的名字。

閱讀建議

本書從基礎(chǔ)知識切入，循序漸進(jìn)，由淺入深。在掌握Taro基礎(chǔ)知識以后，你可以嘗試使用Taro去開發(fā)一些小的案例，書中也提供了一些小案例用于理解某些開發(fā)中常用的知識點(diǎn)。最后通過開發(fā)一個閑置換App，帶讀者一窺從項(xiàng)目搭建，到需求評審與開發(fā)，再到性能優(yōu)化，最終部署上線的整個流程。

本書作為市面上首本Taro開發(fā)參考書，首先需要覆蓋絕大多數(shù)開發(fā)工作中所使用的知識點(diǎn)，將這些知識點(diǎn)穿成線。其次需要帶讀者一起了解Taro原理，知其然且知其所以然才能讓我們在開發(fā)工作中游刃有余。本書一共12章，各章內(nèi)容介紹如下：

第1章 介紹了Taro的誕生背景、基本理念及主要特性。同時介紹了使用Taro進(jìn)行開發(fā)前需要掌握的ES 6常用語法知識、Taro腳手架及規(guī)范約定。學(xué)完本章，相信大家會對使用Taro開發(fā)多端應(yīng)用有一個基本認(rèn)識。

第2章 介紹了JSX語法基礎(chǔ)。同時介紹了組件化開發(fā)基本思想、組件生命周期、組件中事件的處理，以及如何綁定事件、如何解決this指向性問題等。了解單個頁面開發(fā)以后，我們可以嘗試將多個頁面有機(jī)組合，這時就需要使用路由功能了。路由系統(tǒng)將各個模塊通過路徑和路徑參數(shù)編織成網(wǎng)，路由操作允許你在網(wǎng)的節(jié)點(diǎn)之間穿梭。最后以表單控件串聯(lián)起了本章學(xué)習(xí)的重要內(nèi)容，舉一反三。

第3章 介紹了組件設(shè)計(jì)基本原則。介紹了組件關(guān)系、組件之間的通信即狀態(tài)同步問題。還介紹了組件和服務(wù)端數(shù)據(jù)交互與通信使用的API，同時介紹了如何使用攔截器在請求發(fā)出前或響應(yīng)到來后做一些特殊處理。最后介紹了Ref在開發(fā)過程中的使用方法。

第4章 介紹了項(xiàng)目中常用的兩種集中狀態(tài)管理方案，分別為Redux與MobX。在新版本的Taro中建議使用Hooks結(jié)合context管理狀態(tài)。

第5章 介紹了Hooks相關(guān)知識。Hooks賦予了函數(shù)組件管理內(nèi)部狀態(tài)和處理副作用的能力，使得組件與數(shù)據(jù)得以拆分，同時解決了狀態(tài)難以復(fù)用的問題。

第6章 介紹了如何使用Taro同步開發(fā)多端應(yīng)用，開發(fā)之前需要根據(jù)項(xiàng)目具體需求和設(shè)計(jì)稿合理配置項(xiàng)目配置文件。開發(fā)多端應(yīng)用過程中，可供選擇的方案有3種，可根據(jù)模塊開發(fā)需求選擇合適方案。然后介紹了如何修改配置以支持多端同步調(diào)試與打包。

第7章 介紹了Taro UI的使用，使用Taro UI不僅能降低開發(fā)成本，還能保證多端樣式統(tǒng)一。

第8章 介紹了Taro中較難理解但是頗有用途的一個特性——插件機(jī)制。插件機(jī)制提供給開發(fā)者眾多能力，例如，自定義業(yè)務(wù)相關(guān)插件輔助業(yè)務(wù)開發(fā)、自定義命令拓展Taro命令行工具、自定義Hooks處理自定義處理邏輯，甚至可以借助該功能拓展編譯規(guī)則，從而使Taro支持更多端應(yīng)用的編譯工作。工作中用好Taro插件機(jī)制能在很大程度上提高開發(fā)及構(gòu)建效率。

第9章 介紹了Taro項(xiàng)目性能優(yōu)化的知識。我們可以通過Prerender預(yù)渲染提升渲染速度，利用虛擬列表解決大數(shù)據(jù)列表的性能問題，同時可以自定義組件更新重渲染條件從而達(dá)到優(yōu)化目的。還介紹了Taro多端開發(fā)的實(shí)現(xiàn)原理，通過講解Taro 1.x源碼，介紹了Taro的基本原理。

第10章 介紹了微信小程序、支付寶小程序、React Native的開發(fā)環(huán)境搭建的相關(guān)內(nèi)容，通過Taro編譯不同端應(yīng)用以提升開發(fā)效率。

第11章 介紹了使用Taro開發(fā)H5、微信小程序、React Native端應(yīng)用的流程，從項(xiàng)目搭建到多端適配，完整講解了使用Taro開發(fā)多端應(yīng)用的方法和需要注意的問題，最后介紹了不同端打包發(fā)布的流程，從0到1打造多端應(yīng)用。

第12章 介紹了Taro的發(fā)展及如何使用Taro 3進(jìn)行多端開發(fā)。

通過閱讀本書，希望讀者能對多端開發(fā)方案有一定認(rèn)識，能夠使用Taro開發(fā)多端應(yīng)用。

讀者反饋

本書作為市面上首本全面講解Taro的圖書，在寫作過程中，我深感開創(chuàng)者的不易，因自身水平有限，書中難免會有疏漏，懇請讀者指正。你可以通過郵箱flana_zhong＠163.com與我聯(lián)系，或者關(guān)注我的微信公眾號“JavaScript全棧”私信我，看到反饋后我會第一時間回復(fù)。

示例代碼下載

本書實(shí)戰(zhàn)部分代碼托管在GitHub上，訪問地址為https://github.com/HeyiMaster/taro-book，源碼僅供參考學(xué)習(xí)，建議結(jié)合書中源碼片段學(xué)習(xí)。

致謝

我堅(jiān)信成就自己最好的方式就是幫助他人。我樂于分享，無論是技術(shù)還是生活，在將我所掌握的知識、生活技能等通過文字或視頻形式傳遞給他人的時候，我都非常開心。正是因?yàn)榉窒砗烷_源，我有幸結(jié)識了Taro團(tuán)隊(duì)的很多小伙伴，他們?yōu)門aro付出了很多，犧牲了很多周末時間，推掉了很多個朋友聚會，擠壓了陪伴家人的時間。同時我在想，為什么目前市面上還沒有一本工具書介紹Taro，讓更多開發(fā)者聽到Taro的聲音？

因?yàn)橐恢编笥谖墓P不好，擔(dān)心寫出的內(nèi)容不能很好地將Taro的精華傳授于讀者，所以踟躕不前。直到電子工業(yè)出版社編輯李秀梅老師找到我，給予了我很多鼓勵，加上疫情在家無法外出，可以全身心投入寫作，我才決定開始本書的寫作。

在此，特別感謝Taro團(tuán)隊(duì)小伙伴老李、立哥、帥哥的答疑解惑，同時特別感謝電子工業(yè)出版社李秀梅編輯不厭其煩地糾正書稿中的錯誤。真心感謝你們，是你們的支持和鼓勵讓這本書得以面世。

最后，感謝我的父母，是你們含辛茹苦將我養(yǎng)育成人。也感謝我的妻子嚴(yán)霜，是你的支持與理解讓我順利完成寫作。

讀者服務(wù)

微信掃碼回復(fù)：40906

◎ 獲取本書配套源碼資源

◎ 獲取作者提供的各種共享文檔、線上直播、技術(shù)分享等免費(fèi)資源

◎ 加入本書讀者交流群，與作者互動

◎ 獲取博文視點(diǎn)學(xué)院在線課程、電子書20元代金券