---
# System prepended metadata

title: React課程

---

# React課程
<!-- ### Lession 1:
- [ ] 1. js語法型態+範例
- [ ] 2. es6語法(箭頭、const、let、常用語法)+範例
- [ ] 3. React開發工具(npm+vsCode+react developer tools)
- [ ] 4. 起專案
- [ ] 5. React推上Git

### Lession 2:
- [ ] 1. React component組件
- [ ] 2. state,props
- [ ] 3. 生命週期(constructer建構子觀念)
- [ ] 4. event事件觸發
- [ ] 5. inner style && scss
- [ ] 6. 實作todoList(CR)

### Lession 3:
- [ ] 1. 複習React生命週期
- [ ] 2. todoList講解
- [ ] 3. 訂正作業

### Lession 4:
- [ ] 1. React-Router
- [ ] 2. Redux資料流
- [ ] 3. 製作留言板(CR)

### Lession 5:
- [ ] 1. 複習Redux資料流 + React Router
- [ ] 2. 檢討作業 + (UD)
- [ ] 3. 訂正作業

### Lession 6:
- [ ] 1. 同異步 
- [ ] 2. api的觀念(body，header，request，response)
- [ ] 3. token權限驗證
- [ ] 4. axios
 -->
### Lession 1:
- [x] 1. js語法型態+範例
- [x] 2. es6語法(箭頭、const、let、常用語法)+範例
- [x] 3. React開發工具(npm+vsCode+react developer tools)
- [x] 4. 起專案
- [x] 6. React推上Git

- [x] **7. React component組件**
- [x] **8. state,props**
- [ ] **9. 生命週期(constructer建構子觀念帶過)**
- [x] 10. event事件觸發
- [x] 11. inner style && import css

作業1:加減計算(顯示數字的部分用Components作)
作業2:建立留言，並把結果用陣列輸出在網頁上

---

### Lession 2:
- [ ] 1. 看上次建立留言的作業然後當場示範
- [ ] 2. Redux

---

### Lession 2(改):
- [ ] 1. 檢查加減計算機、不能小於0、text清空、按下送出傳值到components、(map,filter,find練習)
- [ ] 2. Router
- [ ] **3. 生命週期(constructer建構子觀念帶過)**
作業1:留言板+(新增修改同路由)+檢視細項一個路由
作業2:時間計時器component生命週期