Taro多端開發(fā)權(quán)威指南：小程序、H5與App高效開發(fā)實(shí)戰(zhàn)

第1章 初識(shí)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 優(yōu)雅獲取數(shù)組或?qū)ο笾械闹怠鈽?gòu)賦值 8
1.2.4 二次元函數(shù)——箭頭函數(shù) 9
1.2.5 異步處理——Promise 9
1.2.6 面向?qū)ο缶幊獭猚lass 11
1.2.7 模塊化——import、export 12
1.3 開發(fā)環(huán)境及工具介紹 12
1.3.1 安裝Taro腳手架工具 12
1.3.2 初始化項(xiàng)目 13
1.3.3 運(yùn)行項(xiàng)目 13
1.3.4 打包項(xiàng)目 15
1.3.5 Taro腳手架命令 15
1.4 規(guī)范約定 18
1.4.1 項(xiàng)目組織 18
1.4.2 JavaScript / TypeScript書寫規(guī)范 19
1.4.3 組件及JSX書寫規(guī)范 20
1.5 本章小結(jié) 21
第2章 Taro基礎(chǔ) 22
2.1 JSX 23
2.1.1 JSX簡介 23
2.1.2 JSX語法 23
2.2 組件化 25
2.2.1 初識(shí)組件 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 實(shí)戰(zhàn)案例：受控與非受控Input組件 42
2.7 本章小結(jié) 44
第3章 Taro進(jìn)階 45
3.1 組件設(shè)計(jì) 46
3.2 組件通信 47
3.2.1 父子組件通信 47
3.2.2 兄弟組件通信 49
3.2.3 更復(fù)雜的組件通信 49
3.3 服務(wù)端通信 52
3.3.1 Taro.request 52
3.3.2 請求終止 54
3.3.3 請求攔截器 55
3.4 使用Ref 56
3.5 本章小結(jié) 59
第4章 集中狀態(tài)管理 60
4.1 Redux 61
4.1.1 Redux 設(shè)計(jì)理念 61
4.1.2 在Taro中使用Redux 63
4.1.3 Redux 案例 65
4.2 MobX 69
4.2.1 MobX 設(shè)計(jì)理念 69
4.2.2 在Taro中使用MobX 69
4.3 本章小結(jié) 73
第5章 Hooks 74
5.1 Hooks 簡介 75
5.1.1 class組件的不足 75
5.1.2 Hooks概覽 76
5.1.3 Hooks規(guī)則 80
5.2 Hooks基礎(chǔ) 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 本章小結(jié) 94
第6章 多端開發(fā) 95
6.1 編譯配置與約定 96
6.1.1 編譯配置 96
6.1.2 設(shè)計(jì)稿與尺寸單位約定 98
6.2 多端開發(fā)方案 100
6.2.1 內(nèi)置環(huán)境變量 100
6.2.2 統(tǒng)一接口的多端文件 101
6.2.3 指定解析 node_modules 包中的多端文件 103
6.3 多端同步調(diào)試與打包 104
6.4 本章小結(jié) 105
第7章 Taro UI 106
7.1 安裝及使用 107
7.1.1 快速上手 107
7.1.2 自定義主題 108
7.2 組件介紹 110
7.3 本章小結(jié) 111
第8章 插件機(jī)制 112
8.1 插件機(jī)制簡介 113
8.2 插件使用 115
8.3 自定義插件 117
8.3.1 插件結(jié)構(gòu) 117
8.3.2 插件使用場景 117
8.3.3 插件環(huán)境變量 120
8.3.4 插件方法 122
8.4 本章小結(jié) 127
第9章 性能優(yōu)化與原理剖析 128
9.1 性能優(yōu)化 129
9.1.1 Prerender 129
9.1.2 虛擬列表 133
9.1.3 組件更新條件 134
9.2 Taro框架原理 135
9.2.1 Taro框架結(jié)構(gòu)分析 136
9.2.2 Taro編譯原理 138
9.2.3 Taro運(yùn)行時(shí) 144
9.3 Taro 3.x原理概述 146
9.4 本章小結(jié) 155
第10章 多端開發(fā)環(huán)境搭建 156
10.1 微信小程序開發(fā)環(huán)境搭建 157
10.2 支付寶小程序開發(fā)環(huán)境搭建 158
10.3 React Native開發(fā)環(huán)境搭建 160
10.3.1 在macOS系統(tǒng)下搭建iOS開發(fā)環(huán)境 160
10.3.2 在macOS系統(tǒng)下搭建Android開發(fā)環(huán)境 160
10.3.3 在Windows系統(tǒng)下搭建Android開發(fā)環(huán)境 162
10.3.4 使用Taro開發(fā) iOS應(yīng)用 162
10.3.5 使用Taro開發(fā)Android應(yīng)用 164
10.4 本章小結(jié) 166
第11章 閑置換App開發(fā)實(shí)踐 167
11.1 項(xiàng)目介紹 168
11.1.1 項(xiàng)目背景 168
11.1.2 項(xiàng)目需求 168
11.1.3 項(xiàng)目核心功能設(shè)計(jì) 169
11.1.4 項(xiàng)目架構(gòu)設(shè)計(jì) 171
11.1.5 項(xiàng)目接口mock 172
11.2 基礎(chǔ)功能開發(fā) 172
11.2.1 通用請求庫封裝 172
11.2.2 引入dva 174
11.2.3 定義請求服務(wù) 177
11.2.4 為H5配置請求代理 179
11.3 自定義導(dǎo)航器 182
11.3.1 需求分析 182
11.3.2 微信小程序端開發(fā) 184
11.3.3 H5端開發(fā) 188
11.3.4 React Native端開發(fā) 190
11.4 首頁開發(fā) 194
11.4.1 搜索組件 194
11.4.2 瀑布流圖片組件 198
11.4.3 輪播圖組件 203
11.4.4 數(shù)據(jù)聯(lián)調(diào) 205
11.5 消息頁開發(fā) 216
11.5.1 定義底部導(dǎo)航 216
11.5.2 消息列表頁開發(fā) 219
11.5.3 聊天頁面開發(fā) 221
11.6 商品詳情頁開發(fā) 239
11.7 項(xiàng)目優(yōu)化與發(fā)布 259
11.7.1 項(xiàng)目優(yōu)化 259
11.7.2 項(xiàng)目打包發(fā)布 271
11.8 本章小結(jié) 280
第12章 擁抱Taro 3 281
12.1 Taro 演進(jìn)歷程 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 本章小結(jié) 290