前端三大王者之 React 跨多螢實戰入門

Ch 01 從JavaScript開始
1.1 學習環境的設定
1.2 初識JavaScript
1.3 JavaScript中的資料類型
1.4 JavaScript中的運算子

Ch 02 JavaScript流程控制與函數
2.1 條件分支結構
2.2 循環結構
2.3 中斷與跳躍結構
2.4 例外捕捉結構
2.5 JavaScript中的函數

Ch 03 JavaScript物件基礎
3.1 初識JavaScript物件
3.2 JavaScript中常用的內建物件
3.3 深入JavaScript中的Object物件
3.4 物件導向程式設計技術

Ch 04 ECMAScript 6新特性
4.1 ECMAScript 6的區塊級作用域
4.2 解構設定值
4.3 箭頭函數
4.4 Set與Map資料結構
4.5 Proxy代理
4.6 Promise承諾物件
4.7 Generator產生器與yield敘述
4.8 使用class定義類別
4.9 模組引用

Ch 05 React Native開發環境的架設
5.1 iOS開發環境的架設
5.2 Android開發環境的架設
5.3 React Native開發環境設定

Ch 06 React Native獨立元件基礎篇
6.1 Text文字元件的應用
6.2 Button按鈕元件的應用
6.3 Image影像元件的應用
6.4 Switch開關元件的應用
6.5 Slider滑桿元件的應用
6.6 ActivityIndicator指示器元件的應用
6.7 TextInput使用者輸入元件的應用
6.8 StatusBar狀態列元件的應用
6.9 Picker選擇器元件的應用
6.10 Modal模態視圖元件的應用
6.11 KeyboardAvoidingView元件的應用
6.12 WebView網頁元件的應用
6.13 View視圖元件的應用
6.14 Touchable相關互動元件的應用
6.15 ScrollView捲動視圖元件的應用
6.16 ListView列表元件的應用
6.17 高性能列表元件FlatList
6.18 分區列表元件SectionList的應用
6.19 RefreshControl更新元件的應用

Ch 07 React Native獨立元件進階篇
7.1 時間選擇器DatePickerIOS元件的應用
7.2 DrawerLayoutAndroid抽屜元件的應用
7.3 進度指示器元件的應用
7.4 SegmentedControlIOS元件的應用
7.5 Android平台上的工具列元件
7.6 Navigator導覽控制器
7.7 iOS平台的導覽控制器NavigatorIOS 元件
7.8 標籤欄TabBarIOS元件

Ch 08 React Native進階技能
8.1 React Native版面配置技術
8.2 React Native中的顏色定義
8.3 警告彈窗的應用
8.4 ActionSheetIOS抽屜視圖的應用
8.5 自定義元件的屬性與使用樣式表
8.6 Android平台的時間選擇器
8.7 Android平台懸浮提示訊息Toast 的應用
8.8 監聽與控制Android裝置返回鍵的行為
8.9 監聽程式執行狀態
8.10 跨平台的分享功能
8.11 監聽鍵盤事件
8.12 React Native網路技術
8.13 進行使用者位置取得
8.14 資料持久化技術
8.15 剪貼簿工具的應用
8.16 取得裝置網路狀態
8.17 React Native動畫技術
8.18 呼叫裝置震動模組
8.19 封裝滑動手勢
8.20 取得螢幕尺寸資訊
8.21 特定平台程式
8.22 計時器的簡單應用

Ch 09 實戰專案：匯率轉換器
9.1 架設匯率轉換器專案主介面
9.2 顯示幕面板的初步開發
9.3 貨幣類型切換功能開發
9.4 鍵盤介面設計
9.5 實現匯率轉換器核心功能

Ch 10 實戰專案：微信熱門精選
10.1 申請免費的API服務
10.2 架設專案網路模組
10.3 架設文章清單介面
10.4 文章目錄視圖與首頁導覽列增強
10.5 文章詳情頁面的開發
10.6 為文章列表頁增加下拉更新與上拉載入更多功能

Ch 11 實戰專案：掌上新聞
11.1 應用結構架設
11.2 增強標題列元件
11.3 進行網路模組的開發
11.4 使用列表展示資料
11.5 增強新聞目錄清單
11.6 標題列與頁面多層次開發與最佳化載入邏輯
11.7 使用導覽進行頁面跳躍
11.8 增強下拉更新與上拉載入更多功能
11.9 增強導覽列
11.10 增加我的最愛功能
11.11 最佳化方向與應用圖示設定

Ch 12 React Native進階技巧
12.1 直接操作元件的屬性
12.2 對React Native版本進行升級
12.3 React Native的更多偵錯技巧
12.4 React Native外掛程式開發
12.5 封裝原生UI元件
12.6 在原生專案中嵌入React Native模組
12.7 在實機上執行React Native專案
 

前言

　　首先，筆者十分榮幸也十分高興你選擇本書來學習React Native的開發。由於筆者的個人能力有限，這本書可能並不是最完美最優秀的，但是相信無論你的基礎如何，都可以隨著本書的學習與練習，完整而獨立的開發出自己的React Native應用，因為筆者也是這麼學過來的。因此，與其將本書定義為教學，不如稱其為一本經驗與歸納的筆記，相信你在學習的過程中會深有體會。

　　說起來，JavaScript的語法並不是這本書的核心，但是學習一種功夫之前，一定要有一把順手的武器，因為依然有很多初學者或原生開發者對JavaScript語言的了解並不深入，所以本書的前4章注重對JavaScript語法以及ES6的新特性介紹，幫助你為後面的學習排除基礎障礙。

　　學習用戶端程式設計，最重要的莫屬介面、資料、邏輯這3部分，本書的第5∼8章將向你介紹React Native中的基礎介面元件、資料與網路技術以及使用者互動管理技術等，學習一種技能就是在完成一張大拼圖，每一個基礎知識都是這張拼圖中的一塊，學習完這4章內容，你將掌握React Native開發中所有的基礎技能，後面就是對它們的組合和應用了。

　　本書第9∼11章提供了3個完整的React Native實戰練習，這3章的專案也將由簡到難，幫助你熟練應用前面所學習的知識。

　　本書第12章為擴充章節，這一章節將更偏向介紹React Native的一些進階開發技術，例如和原生互動、嵌入原生應用、開發React Native元件等，如果你有興趣，可以好好研究一下。

　　IT領域日新月異，React Native是一種行動端跨平台軟體開發架構，可能並不是最優秀的，但Facebook的長期維護和它優秀的設計思想無論如何都是值得我們學習的。有人說，每學習一種技術，每次離開自己所擅長的領域走向新的領域學習都是一種重生，這個過程可以讓你感受到不同的思維模式，體驗到不同圈子的樂趣。和你一樣，筆者也是一名學習者，如果你願意，可以隨時和筆者交流，QQ：316045346。

　　為方便讀者上機練習，本書提供了全書實例原始程式碼，可在本公司官網http://www.topteam.cc下載。另為維持程式碼之正確性，本書所附完整程式碼不做簡繁轉換，使用原作者簡體中文之程式碼，讀者們可對照書中內容執行程式。

　　最後，再次感謝你選擇了本書，筆者也真心地希望它可以幫助你到達自己的預定目標。這本書最後能呈現在你的面前，除了筆者的努力，還要感謝支援我的家人和朋友，尤其是王金柱編輯，在寫作過程中他給了我極大的幫助與鼓勵。