第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 語言設定畫面