iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

30 days of React 系列

30天的React學習記錄

鐵人鍊成 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v7.0
DAY 11

Day 11 - 在React處理事件(上)

今天要學習如何在React中處理事件,以下是今天會提到的內容: 如何設定事件處理器 如何在事件處理器當中讀取props屬性資料 將事件處理器作為props 傳...

2023-09-26 ‧ 由 yuu 分享
DAY 12

Day 12 - 在React 處理事件(下)

接著來學習在React當中處理事件,主要會提到React當中的事件傳遞機制,內容如下: React當中的事件傳遞 停止事件傳遞 React當中的捕獲 預防預設...

2023-09-27 ‧ 由 yuu 分享
DAY 13

Day 13 - 在React中使用state

今天要來學習state的應用,內容包含: 認識state 操作方法 stateHook 什麼是state? 如何理解 state,字面上的意思就是當前的程式...

2023-09-28 ‧ 由 yuu 分享
DAY 14

Day 14 - React 的渲染機制以及 state 的過程

先前我們在補充中有稍微提到 Reac 的渲染機制,今天將更深入地學習 React 的渲染是怎麼一回事。 渲染的三階段 當我們在 React 當中組織了元件,並將...

2023-09-29 ‧ 由 yuu 分享
DAY 15

Day 15 - React 渲染:排隊任務

目前我們掌握了 React 渲染的機制,也就是渲染會經過的三個階段,也了解到在 re-rendering 的過程中發生了什麼事情。還沒完,今天要來學習「排隊任務...

2023-09-30 ‧ 由 yuu 分享
DAY 16

Day 16 - 在 state 中更新物件

昨天學習了 React 的 batching 的概念、「替代」和「做」的區別、當次渲染的邏輯,今天要來學習如何在 state 中更新物件。學習前讓我們再次回憶起...

2023-10-01 ‧ 由 yuu 分享
DAY 17

Day 17 - 在 state 中更新陣列

今天要學習如何在 state 中操作陣列的更新,在 JavaScript 當中陣列是 mutable,但當我們在 React 中處理 array 時應該將它們視...

2023-10-02 ‧ 由 yuu 分享
DAY 18

Day 18 - 聲明式 UI 的思考及操作

鐵人賽過半,終於進入到處理表單,官方文件顯示我們已經從 Beginner 進入 Intermediate 的程度,連續地寫作比想像中的還要疲勞,作業 BGM 也...

2023-10-03 ‧ 由 yuu 分享
DAY 19

Day 19 - 構築 state 的原則

學習完聲明式 UI 的思考及操作,接著要更深入來思考構築 state 的原則,官方文件提供了五個原則給使用者參考,讓我們一一來看。 將相關的狀態群組(Grou...

2023-10-04 ‧ 由 yuu 分享
DAY 20

Day 20 - 在元件間共用 state

學習完 state 構築的原則,來進一步看 state 的應用,今天要學習如何在元件間共用 state 來達到更精準的控制權責關係。我們會透過一個手風琴(Acc...

2023-10-05 ‧ 由 yuu 分享