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

第一篇 暖身準備

自己讀就行

第二篇 React 的畫面管理機制

2-1 DOM 與 Virtual DOM
2-2 建構畫面的最小單位：React element
2-3 Render React element (31)

• 日期：2024/02/18
• 導讀人：四季春(KuoMin)
• 筆記工：nono
• 請假：
• 缺席：

2-4 JSX 根本就不是在 JavaScript 中寫 HTML
2-5 JSX 的語法規則脈絡與畫面渲染的實用技巧 (38)

• 日期：2024/03/03
• 導讀人：I Lun Lee
• 筆記工：Andy
• 請假：四季春
• 缺席：Lia

2-6 單向資料流與一律重繪渲染策略
2-7 畫面組裝的藍圖：component 初探(55)

• 日期：2024/03/17
• 導讀人：粉粉(Phoebe)
• 筆記工：Vera
• 請假：ILUN, Cosmos
• 缺席：Andy

2-8 React 畫面更新的發動機：state 初探
2-9 React 畫面更新的流程機制：reconciliation(30)

• 日期：2024/03/31
• 導讀人：Nono Lin
• 筆記工：粉粉(Phoebe)
• 請假：Cosmos
• 缺席：

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

3-1 如何在子 component 裡觸發更新父 component 的資料
3-2 深入理解 batch update 與 updater function(31)

• 日期：2024/04/14
• 導讀人：Andy
• 筆記工： 四季春(KuoMin)
• 請假：
• 缺席：

3-3 維持 React 資料流可靠性的重要關鍵：immutable state
3-4 Immutable update(30)

• 日期：2024/04/28
• 導讀人：Lia
• 筆記工：ILUN
• 請假：Andy
• 缺席：

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

4-1 Component 的生命週期
4-2 Function component 與 class component 關鍵區別
4-3 每次 render 都有自己的 props、state 與 event handler 函式(30)

• 日期：2024/05/12
• 導讀人：Cosmos
• 筆記工：Lia
• 請假：Ohtani、ILUN、Jan
• 缺席：

第五篇 Effect 與 hooks

5-1 React 中的副作用處理：effect 初探
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 時為何會執行兩次？
5-5 副作用處理的常見情境設計技巧(31)

• 日期：2024/06/23
• 導讀人：Jan Vera
• 筆記工：Cosmos 粉粉
• 請假：
• 缺席：

5-6 useCallback 與 useMemo 的正確使用時機
5-7 Hooks 的運作原理與設計思維(16)

• 日期：2024/07/07
• 導讀人：Isla
• 筆記工：Ohtani
• 請假：Lia
• 缺席：Jan