- 基本介紹 1h
- 發展背景與目的
- 開發方案比較
- 特色
- 優缺點
- 適用場景
- 線上案例
- React 介紹 1h
- React 是什麼 ?
- 發展背景與目的
- 設計原理
- Virtual DOM
- 狀態、畫面更新流程
- React 教學 4h
- 註冊進入點
- Expo Snack 線上環境介紹
- 萬物皆組件 Component
- JSX 語法
- 不變的狀態資料 Props
- 可更新的狀態資料 State
- 自定義 Component 封裝
- Controlled & Uncontrolled Data Flow
- 生命週期
- React Native 組件教學 3h
- 基本元件使用方式
- 常用組件應用方法與地雷
- View, Image, Text, TouchableOpacity, TextInput, ScrollView, FlatList
- 樣式與排版設計 1.5h
- 樣式屬性使用介紹
- 樣式管理
- 介紹 Flexbox 排版方法
- 環境設置 1.5h
- 前置環境準備
- 專案初始方式比較
- 初始化專案
- 專案架構介紹
- 相關開發工具
- 除錯方法
- 第三方套件管理 1h
- JS 套件管理方式
- 原生模組整合設定
- 多畫面管理 Navigation 2h
- 管理方法比較
- RNRF 介紹與安裝
- Router 運作原理
- RNRF 使用方法
- Tab 使用教學
- Drawer 使用教學
- 畫面間資料傳遞
- 儲存空間 AsyncStorage 0.5h
- 介紹 AsyncStorage
- API 使用方法
- 網路與 HTTP Request 0.5h
- App 相關網路設定
- Fetch 介紹
- Fetch 使用方法
- Release 1h
- 打包 JS
- Build Release App
- 特定平台客製化 1h
- 多平台設計
- 平台客製化方式比較與教學