Taro 多端開發權威指南：小程序、H5 與 App 高效開發實戰

本書詳細介紹了使用Taro進行多端開發所需要掌握的知識點。本書由淺入深，介紹了ES 6常用語法、Taro基本用法、數據交互、Hooks解耦狀態與視圖、多端開發、Taro UI使用、插件的使用、性能優化與Taro原理剖析，最後以一個項目串聯知識點，帶讀者一窺從項目搭建，到需求評審與開發，再到性能優化，最終部署上線的整個流程，直至完成一個完整的Taro多端開發項目。本書示例豐富、註重實戰，適用於從零開始學習Taro開發的初學者、希望更全面深入理解Taro的開發者。同時由於Taro與React語法相近，因此本書介紹的很多開發思想和實踐經驗同樣適用於React開發者。

李佩忠，資深前端工程師，專注於大前端技術，熱衷開源，運營公眾號“JavaScript全棧”，擁有豐富的Web 前端開發、數據可視化與移動端開發經驗，對Taro 多端開發、移動端開發及React 技術棧有深入的理解和實踐經驗。

第1章初識Taro 1
1.1 Taro介紹 2
1.1.1 簡介 2
1.1.2 特性 2
1.1.3 Taro UI 4
1.1.4 其他 5
1.2 ES 6常用語法簡介 5
1.2.1 變量定義新方式——let、const 5
1.2.2 告別字符串拼接——模板字符串 7
1.2.3 優雅獲取數組或對像中的值——解構賦值 8
1.2.4 二次元函數——箭頭函數 9
1.2.5 異步處理——Promise 9
1.2.6 面向對象編程——class 11
1.2.7 模塊化——import、export 12
1.3 開發環境及工具介紹12
1.3.1 安裝Taro腳手架工具12
1.3.2 初始化項目13
1.3.3 運行項目13
1.3.4 打包項目15
1.3.5 Taro腳手架命令15
1.4 規範約定18
1.4.1 項目組織18
1.4.2 JavaScript / TypeScript書寫規範19
1.4.3 組件及JSX書寫規範20
1.5 本章小結21

第2章Taro基礎22
2.1 JSX 23
2.1.1 JSX簡介23
2.1.2 JSX語法23
2.2 組件化25
2.2.1 初識組件26
2.2.2 組件定義27
2.2.3 props 29
2.2.4 state 30
2.2.5 樣式31
2.3 組件生命週期33
2.3.1 組件掛載34
2.3.2 組件更新34
2.3.3 組件卸載35
2.4 事件處理36
2.5 路由功能40
2.6 實戰案例：受控與非受控Input組件42
2.7 本章小結44

第3章Taro進階45
3.1 組件設計46
3.2 組件通信47
3.2.1 父子組件通信47
3.2.2 兄弟組件通信49
3.2.3 更複雜的組件通信49
3.3 服務端通信52
3.3.1 Taro.request 52
3.3.2 請求終止54
3.3.3 請求攔截器55
3.4 使用Ref 56
3.5 本章小結59

第4章集中狀態管理60
4.1 Redux 61
4.1.1 Redux 設計理念61
4.1.2 在Taro中使用Redux 63
4.1.3 Redux 案例65
4.2 MobX 69
4.2.1 MobX 設計理念69
4.2.2 在Taro中使用MobX 69
4.3 本章小結73

第5章Hooks 74
5.1 Hooks 簡介75
5.1.1 class組件的不足75
5.1.2 Hooks概覽76
5.1.3 Hooks規則80
5.2 Hooks基礎80
5.2.1 useState 81
5.2.2 useEffect 81
5.2.3 useReducer 83
5.2.4 useCallback 85
5.2.5 useMemo 86
5.2.6 useRef 87
5.2.7 useContext 88
5.2.8 其他Hooks 88
5.3 自定義Hooks 91
5.4 本章小結94

第6章多端開發95
6.1 編譯配置與約定96
6.1.1 編譯配置96
6.1.2 設計稿與尺寸單位約定98
6.2 多端開發方案100
6.2.1 內置環境變量100
6.2.2 統一接口的多端文件101
6.2.3 指定解析node_modules 包中的多端文件103
6.3 多端同步調試與打包104
6.4 本章小結105

第7章Taro UI 106
7.1 安裝及使用107
7.1.1 快速上手107
7.1.2 自定義主題108
7.2 組件介紹110
7.3 本章小結111

第8章插件機制112
8.1 插件機制簡介113
8.2 插件使用115
8.3 自定義插件117
8.3.1 插件結構117
8.3.2 插件使用場景117
8.3.3 插件環境變量120
8.3.4 插件方法122
8.4 本章小結127

第9章性能優化與原理剖析128
9.1 性能優化129
9.1.1 Prerender 129
9.1.2 虛擬列表133
9.1.3 組件更新條件134
9.2 Taro框架原理135
9.2.1 Taro框架結構分析136
9.2.2 Taro編譯原理138
9.2.3 Taro運行時144
9.3 Taro 3.x原理概述146
9.4 本章小結155

第10章多端開發環境搭建156
10.1 微信小程序開發環境搭建157
10.2 支付寶小程序開發環境搭建158
10.3 React Native開發環境搭建160
10.3.1 在macOS系統下搭建iOS開發環境160
10.3.2 在macOS系統下搭建Android開發環境160
10.3.3 在Windows系統下搭建Android開發環境162
10.3.4 使用Taro開發iOS應用162
10.3.5 使用Taro開發Android應用164
10.4 本章小結166

第11章閒置換App開發實踐167
11.1 項目介紹168
11.1.1 項目背景168
11.1.2 項目需求168
11.1.3 項目核心功能設計169
11.1.4 項目架構設計171
11.1.5 項目​​接口mock 172
11.2 基礎功能開發172
11.2.1 通用請求庫封裝172
11.2.2 引入dva 174
11.2.3 定義請求服務177
11.2.4 為H5配置請求代理179
11.3 自定義導航器182
11.3.1 需求分析182
11.3.2 微信小程序端開發184
11.3.3 H5端開發188
11.3.4 React Native端開發190
11.4 首頁開發194
11.4.1 搜索組件194
11.4.2 瀑布流圖片組件198
11.4.3 輪播圖組件203
11.4.4 數據聯調205
11.5 消息頁開發216
11.5.1 定義底部導航216
11.5.2 消息列表頁開發219
11.5.3 聊天頁面開發221
11.6 商品詳情頁開發239
11.7 項目優化與發布259
11.7.1 項目優化259
11.7.2 項目打包發布271
11.8 本章小結280

第12章擁抱Taro 3 281
12.1 Taro 演進歷程282
12.1.1 Taro 1.x 282
12.1.2 Taro 2.x 282
12.1.3 Taro 3.x 284
12.2 使用Taro 3 285
12.2.1 React模板285
12.2.2 Vue模板288
12.3 本章小結290