# 《React 思維進化》讀書會第二組章節分工

<iframe src="https://docs.google.com/spreadsheets/d/1LuOf6akQuKmgkBxK5WuCYQ1DwFvlS4bIyXaxkypPnzk/edit#gid=241617956" width="100%" height="500px"></iframe>

## 第一篇 暖身準備
自己讀就行

## 第二篇 React 的畫面管理機制

### 2-1 DOM 與 Virtual DOM </br> 2-2 建構畫面的最小單位：React element </br> 2-3 Render React element (31)
- 日期：2/21
- 導讀人：Sam
- 筆記工：Monica
- 請假：
- 缺席：

### 2-4 JSX 根本就不是在 JavaScript 中寫 HTML </br> 2-5 JSX 的語法規則脈絡與畫面渲染的實用技巧 (38)
- 日期：3/6
- 導讀人：Steward
- 筆記工：Sam
- 請假：Var, Cheryl
- 缺席：

### 2-6 單向資料流與一律重繪渲染策略 </br> 2-7 畫面組裝的藍圖：component 初探(55)
- 日期：3/20
- 導讀人：Var
- 筆記工：Robert
- 請假：Amelie, Steward
- 缺席：

### 2-8 React 畫面更新的發動機：state 初探 </br> 2-9 React 畫面更新的流程機制：reconciliation(30)
- 日期：4/3
- 導讀人：Monica
- 筆記工：1t
- 請假：PG, Steward
- 缺席：

## 第三篇 State 資料的管理與維護

### 3-1 如何在子 component 裡觸發更新父 component 的資料 </br> 3-2 深入理解 batch update 與 updater function(31)
- 日期：4/17
- 導讀人：Robert
- 筆記工：Judy
- 請假：
- 缺席：

### 3-3 維持 React 資料流可靠性的重要關鍵：immutable state </br> 3-4 Immutable update(30)
- 日期：5/1
- 導讀人：1t
- 筆記工：Cheryl
- 請假：
- 缺席：

## 第四篇 Component 的生命週期與資料流

### 4-1 Component 的生命週期 </br> 4-2 Function component 與 class component 關鍵區別 </br> 4-3 每次 render 都有自己的 props、state 與 event handler 函式(30)
- 日期：5/15
- 導讀人：LJBL
- 筆記工：~~PG~~ Sam
- 請假：
- 缺席：

## 第五篇 Effect 與 hooks

### 5-1 React 中的副作用處理：effect 初探 </br> 5-2 useEffect 其實不是 function component 的生命週期 API(35)
- 日期：5/29
- 導讀人：Cheryl
- 筆記工：Mi
- 請假：
- 缺席：

### 5-3 維護資料流的連動：不要欺騙 hooks 的 dependencies(29)
- 日期：6/12
- 導讀人：Mi
- 筆記工：~~LJBL~~ 共筆
- 請假：
- 缺席：

### 5-4 React 18 的 effect 函式在 mount 時為何會執行兩次？ </br> 5-5 副作用處理的常見情境設計技巧(31)
- 日期：6/26
- 導讀人：~~PG~~ Wanye
- 筆記工：Amelie
- 請假：
- 缺席：

### 5-6 useCallback 與 useMemo 的正確使用時機 </br> 5-7 Hooks 的運作原理與設計思維(16)
- 日期：7/10
- 導讀人：Amelie
- 筆記工：Steward
- 請假：
- 缺席：