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

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

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

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

### 2-1 DOM 與 Virtual DOM </br> 2-2 建構畫面的最小單位：React element </br> 2-3 Render React element (31)
- 日期：2024/02/18
- 導讀人：四季春(KuoMin)
- 筆記工：nono
- 請假：
- 缺席：

### 2-4 JSX 根本就不是在 JavaScript 中寫 HTML </br> 2-5 JSX 的語法規則脈絡與畫面渲染的實用技巧 (38)
- 日期：2024/03/03
- 導讀人：I Lun Lee
- 筆記工：Andy
- 請假：四季春
- 缺席：Lia

### 2-6 單向資料流與一律重繪渲染策略 </br> 2-7 畫面組裝的藍圖：component 初探(55)
- 日期：2024/03/17
- 導讀人：粉粉(Phoebe)
- 筆記工：Vera
- 請假：ILUN, Cosmos
- 缺席：Andy

### 2-8 React 畫面更新的發動機：state 初探 </br> 2-9 React 畫面更新的流程機制：reconciliation(30)
- 日期：2024/03/31
- 導讀人：Nono Lin
- 筆記工：粉粉(Phoebe)
- 請假：Cosmos
- 缺席：

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

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

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

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

### 4-1 Component 的生命週期 </br> 4-2 Function component 與 class component 關鍵區別 </br> 4-3 每次 render 都有自己的 props、state 與 event handler 函式(30)
- 日期：2024/05/12
- 導讀人：Cosmos
- 筆記工：Lia
- 請假：Ohtani、ILUN、Jan
- 缺席：

## 第五篇 Effect 與 hooks

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

### 5-3 維護資料流的連動：不要欺騙 hooks 的 dependencies(29)
- 日期：2024/06/09
- 導讀人：~~Vera~~ Jan
- 筆記工：Isla
- 請假：ILUN
- 缺席：

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

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