系列文章
Day 11 - 在React處理事件（上）
今天要學習如何在React中處理事件，以下是今天會提到的內容： 如何設定事件處理器 如何在事件處理器當中讀取props屬性資料 將事件處理器作為props 傳...
Day 12 - 在React 處理事件（下）
接著來學習在React當中處理事件，主要會提到React當中的事件傳遞機制，內容如下： React當中的事件傳遞 停止事件傳遞 React當中的捕獲 預防預設...
Day 13 - 在React中使用state
今天要來學習state的應用，內容包含： 認識state 操作方法 stateHook 什麼是state? 如何理解 state，字面上的意思就是當前的程式...
Day 14 - React 的渲染機制以及 state 的過程
先前我們在補充中有稍微提到 Reac 的渲染機制，今天將更深入地學習 React 的渲染是怎麼一回事。 渲染的三階段 當我們在 React 當中組織了元件，並將...
Day 15 - React 渲染：排隊任務
目前我們掌握了 React 渲染的機制，也就是渲染會經過的三個階段，也了解到在 re-rendering 的過程中發生了什麼事情。還沒完，今天要來學習「排隊任務...
Day 16 - 在 state 中更新物件
昨天學習了 React 的 batching 的概念、「替代」和「做」的區別、當次渲染的邏輯，今天要來學習如何在 state 中更新物件。學習前讓我們再次回憶起...
Day 17 - 在 state 中更新陣列
今天要學習如何在 state 中操作陣列的更新，在 JavaScript 當中陣列是 mutable，但當我們在 React 中處理 array 時應該將它們視...
Day 18 - 聲明式 UI 的思考及操作
鐵人賽過半，終於進入到處理表單，官方文件顯示我們已經從 Beginner 進入 Intermediate 的程度，連續地寫作比想像中的還要疲勞，作業 BGM 也...
Day 19 - 構築 state 的原則
學習完聲明式 UI 的思考及操作，接著要更深入來思考構築 state 的原則，官方文件提供了五個原則給使用者參考，讓我們一一來看。 將相關的狀態群組（Grou...
Day 20 - 在元件間共用 state
學習完 state 構築的原則，來進一步看 state 的應用，今天要學習如何在元件間共用 state 來達到更精準的控制權責關係。我們會透過一個手風琴（Acc...