自2015年春天Facebook開源React Native以來，React Native就憑藉其強大的可擴展性、良好的用戶體驗以及可擁有原生外觀等優勢得到開發者的關注和青睞。

本書是一本實踐指南，從基礎知識入手，逐步深入，帶領讀者部署可100%代碼復用的、成熟的跨平颱移動應用。作者通過示例代碼嚮Web開發者和前端工程師展示瞭如何使用移動組件構建界麵並編寫樣式，以及如何調試和部署應用。除瞭框架本身的講解，作者還探討瞭如何使用第三方庫，以及如何編寫自己的Java或者Objective-C的React Native擴展。

- 瞭解React Native如何開放原生UI組件接口
- 類比HTML元素，瞭解該框架如何使用原生組件
- 創建自己的React Native組件和應用，並為它們編寫樣式
- 為該框架不支持的API和功能安裝第三方模塊
- 使用工具來調試代碼，並解決JavaScript之外的問題
- 整閤所學知識，開發一款高效記憶閃卡應用——Zebreto
- 部署應用至iOS應用商店和Google Play商店

內容簡介

本書通過豐富的示例和詳細的講解，介紹瞭React Native這款JavaScript框架。在React Native中利用現有的JavaScript和React知識，就可以開發和部署功能完備的、真正原生的移動應用，並同時支持iOS與Android平颱。除瞭框架本身的概念講解之外，本書還討論瞭如何使用第三方庫，以及如何編寫自己的Java或Objective-C的React Native擴展。

作者簡介

Bonnie Eisenman是Twitter公司的軟件工程師，曾就職於Codecademy、Google和Fog Creek Software公司。她曾在多個會議上作過演講，話題涉及React、音樂編程和Arduino。工作之餘，她樂於開發電子樂器，喜愛使用激光切割巧剋力，並且熱愛學習各種語言。

目錄

前言 xi
第1章　初識React Native　1
1．1　React Native的優點　2
1．1．1　開發者體驗　2
1．1．2　代碼復用與知識共享　3
1．2　風險和缺點　4
1．3　小結　4
第2章　React Native工作原理　5
2．1　React Native是如何工作的　5
2．2　渲染周期　7
2．3　在React Native中創建組件　7
2．3．1　編寫視圖　7
2．3．2　使用JSX　9
2．3．3　原生組件的樣式　10
2．4　宿主平颱接口　11
2．5　小結　12
第3章　構建你的第一個應用　13
3．1　搭建環境　13
3．1．1　安裝React Native　14
3．1．2　iOS依賴　14
3．1．3　Android依賴　14
3．2　創建一個新的應用　17
3．2．1　在iOS平颱運行React Native應用　18
3．2．2　部署到iOS設備　20
3．2．3　在Android平颱運行React Native應用　23
3．2．4　小結：創建並運行項目　24
3．3　探索示例代碼　24
3．3．1　添加組件到視圖中　24
3．3．2　React Native中的模塊導入　25
3．3．3　FirstProject組件　26
3．4　開發天氣應用　27
3．4．1　處理用戶輸入　28
3．4．2　展現數據　30
3．4．3　添加背景圖片　34
3．4．4　從Web獲取數據　36
3．4．5　整閤　37
3．5小結　40
第4章　移動應用組件　42
4．1　類比HTML元素與原生組件　42
4．1．1　文本組件　43
4．1．2　圖片組件　45
4．2　處理觸摸和手勢　46
4．2．1　使用TouchableHighlight　47
4．2．2　GestureResponder係統　49
4．2．3　PanResponder　52
4．3　使用結構化組件　58
4．3．1　使用ListView　58
4．3．2　使用Navigator　66
4．3．3　其他結構化組件　68
4．4　平颱特定組件　69
4．4．1　iOS或Android特定組件　69
4．4．2　平颱特定版本的組件　70
4．4．3　何時使用平颱特定組件　74
4．5　小結　74
第5章　樣式　75
5．1　聲明和操作樣式　75
5．1．1　內聯樣式　76
5．1．2　對象樣式　76
5．1．3　使用Stylesheet．Create　77
5．1．4　樣式拼接　77
5．2　組織和繼承　79
5．2．1　導齣樣式對象　79
5．2．2　樣式作為屬性傳遞　80
5．2．3　復用和共享樣式　81
5．3　定位和設計布局　81
5．3．1　使用flexbox布局　82
5．3．2　使用絕對定位　86
5．3．3　學以緻用　86
5．4　小結　91
第6章　平颱接口　92
6．1　使用定位接口　93
6．1．1　獲取用戶地理位置　93
6．1．2　處理權限問題　94
6．1．3　在iOS模擬器上測試定位　95
6．1．4　監聽用戶位置　96
6．1．5　限製　96
6．1．6　改進天氣應用　96
6．2　使用用戶圖片與攝像頭　99
6．2．1　相機模塊　99
6．2．2　通過getPhotoParams獲取圖片　101
6．2．3　從相機渲染一張圖片　101
6．2．4　展示照片列錶　103
6．2．5　上傳圖片至服務器　107
6．3　AsyncStore持久化數據存儲　108
6．4　智能天氣應用　109
6．4．1　WeatherProject組件　111
6．4．2　Forecast組件　114
6．4．3　Button組件　115
6．4．4　LocationButton組件　116
6．4．5　PhotoBackdrop組件　117
6．5　小結　119
第7章　模塊　120
7．1　使用npm安裝JavaScript類庫　120
7．2　iOS原生模塊　121
7．2．1　導入第三方組件　122
7．2．2　使用視頻組件　125
7．2．3　剖析Objective-C原生模塊　125
7．2．4　RCTVideo的實現　128
7．3　Android原生模塊　130
7．3．1　安裝第三方組件　130
7．3．2　剖析Java原生模塊　134
7．3．3　LinearGradient的Android實現　137
7．4　跨平颱原生模塊　139
7．5　小結　141
第8章　調試與開發者工具　142
8．1　JavaScript調試實踐和解釋　142
8．1．1　激活開發者選項　142
8．1．2　使用console．log調試　143
8．1．3　使用JavaScript調試器　145
8．1．4　使用React開發者工具　146
8．2　React Native調試工具　147
8．2．1　使用審查元素功能　147
8．2．2　宕機紅屏　148
8．3　JavaScript之外的調試方法　152
8．3．1　常見的開發環境問題　153
8．3．2　常見的Xcode問題　153
8．3．3　常見的Android問題　154
8．3．4　React Native包管理器　155
8．3．5　部署至iOS設備的問題　156
8．3．6　模擬器行為　157
8．4　測試代碼　158
8．4．1　使用Flow進行類型檢查　158
8．4．2　使用Jest進行測試　158
8．5　當你陷入睏境　160
8．6　小結　160
第9章　學以緻用　161
9．1　閃卡應用　161
9．1．1　項目結構　163
9．1．2　組件層次結構　164
9．2　模型與數據存儲　168
9．2．1　數據流架構：Reflux與Flux　170
9．2．2　在Zebreto中使用Reflux　173
9．2．3　AsyncStorage與Reflux Store的持久化　175
9．3　使用Navigator　177
9．4　探索第三方依賴　180
9．5　響應式設計與字體尺寸　180
9．6　小結及任務　183
第10章　部署至iOS應用商店　184
10．1　準備Xcode工程　184
10．1．1　選擇支持的設備和目標iOS版本　185
10．1．2　啓動界麵圖像　186
10．1．3　添加應用圖標　188
10．1．4　設置Bundle名稱　190
10．1．5　更新AppDelegate．m　190
10．1．6　為發布設置Schema　191
10．2　上傳應用　192
10．2．1　完成協議文書　192
10．2．2　創建歸檔　193
10．2．3　在iTunes Connect上創建應用　196
10．3　使用TestFlight進行Beta測試　199
10．4　提交應用審核　200
10．5　小結　201
第11章　部署Android應用　203
11．1　設置應用圖標　203
11．2　生成release版本的APK　205
11．3　通過郵件或鏈接發布　207
11．4　提交應用至Play商店　207
11．4．1　通過Play Store進行Beta測試　209
11．4．2　Play商店列錶　210
11．4．3　商店列錶所需的資源　211
11．4．4　發布應用　212
11．5　小結　214
總結　215
附錄A　ES6語法　216
附錄B　命令與快速入門指南　219
作者簡介　221
關於封麵　221