第1章 React Native
1-1 路由概念
1-2 React Native概述
1-2-1 什麼是React Native
1-2-2 為什麼使用React Native
1-3 總結
第2章 準備開發React Native
2-1 開發環境
2-1-1 Homebrew
2-1-2 Node.js
2-1-3 Watchman
2-1-4 模擬器環境建置
2-2 開發工具
2-2-1 Visual Studio Code
第3章 第一個React Native專案
3-1 建立專案
3-1-1 專案檔案結構
3-1-2 專案進入點index.js
3-1-3 package.json
3-2 模擬器執行
3-2-1 執行專案
3-2-2 開發者選單
3-2-3 專案除錯
第4章 React Native基本介紹
4-1 Component 組件
4-1-1 React Native基本組件
4-1-2 自定義組件
4-2 Props 屬性
4-2-1 props定義
4-2-2 props型態
4-2-3 props預設值
4-3 State 狀態
4-3-1 初始state
4-3-2 改變state
4-4 生命週期
4-4-1 Mounting
4-4-2 Updating
4-4-3 Unmounting
4-5 整合組件
4-6 Native Module
4-6-1 跨平台API
4-6-2 單平台API
4-7 樣式
4-7-1 基礎樣式
4-7-2 設定寬高
4-7-3 Flexbox版面配置
第5章 路由
5-1 路由概念
5-1-1 React Navigation介紹
5-1-2 安裝React Navigation
5-2 React Navigation基礎操作
5-2-1 使用Navigator
5-2-2 Stack Navigator
5-2-3 Tab Navigator
5-2-4 Drawer Navigator
第6章 Redux Library
6-1 什麼是Redux
6-1-1 Redux的由來
6-1-2 React Redux
6-2 Redux的概念
6-2-1 Component 與 Container
6-2-2 action與dispatch
6-2-3 Action Creator處理資料
6-2-4 Reducer儲存資料
6-2-5 Store資料格式
6-3 第一個Redux專案
6-3-1 建立專案
6-3-2 設定Redux環境
6-3-3 設定Action Creator
6-3-4 設定Redcuer
第7章 Dva框架
7-1 什麼是Dva
7-1-1 Dva的由來
7-1-2 Dva觀念
7-1-3 Model的格式與操作
7-2 第一個Dva專案
7-2-1 建立專案
7-2-2 設定Dva環境
7-2-3 設定Model
7-3 Dva 練習 – 待辦清單
7-3-1 前置作業
7-3-2 新增待辦項目
7-3-3 顯示待辦清單
7-3-4 刪除待辦項目
7-3-5 修改待辦項目
7-3-6 改變待辦項目狀態
第8章 結合OpenData之旅遊景點分享APP
8-1 建置專案
8-1-1 新增專案
8-1-2 專案前置準備
8-2 瀏覽景點地圖
8-2-1 加入景點地圖頁面
8-2-2 串接地圖
8-2-3 串接Open Data
8-3 景點介紹
8-3-1 加入景點詳細資料頁面
8-3-2 顯示詳細資料
8-3-3 景點導航
8-4 管理我的最愛
8-4-1 加入我的最愛
8-4-2 查看我的最愛
8-4-3 移除我的最愛
第9章 實戰演練-購物商城
9-1 建置專案
9-1-1 新增專案
9-1-2 專案前置準備
9-2 側拉欄與分頁導覽器
9-2-1 側拉欄
9-2-2 分頁導覽器
9-3 會員管理
9-3-1 會員登入
9-3-2 會員註冊
9-3-3 會員中心
9-3-4 修改會員資料
9-3-5 修改會員密碼
9-3-6 登出
9-4 商品列表
9-4-1 商品類別
9-4-2 商品內容
9-5 購物車
9-5-1 取出購物車商品
9-5-2 存入/修改購物車商品
9-5-3 刪除購物車商品
9-5-4 合計金額
9-6 首頁
9-6-1 輪播圖
9-6-2 商品類別列表
9-6-3 最新商品
9-7 多國語系
9-7-1 語系環境設置
9-7-2 修正畫面內容
9-7-3 語言設定畫面