iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
JavaScript

30 天從零開始學會 React 19:從核心基礎、Hooks 到實戰開發 系列

這是一個為 React 初學者規劃的 30 天實戰學習系列,從 JSX、Component、Props、State 與事件處理開始,循序漸進學習各種 Hooks、效能優化與 React 19 新特性,並進一步整合 React Router、Redux Toolkit、API 串接、測試與部署。透過 Todo、表單、資料查詢與購物車等實作,從基礎觀念一路完成可實際運作的 React 專案。

參賽天數 22 天 | 共 22 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 11

30 天從零開始學會 React v19 - Day 11|useContext 與跨層級資料傳遞

今日範例程式碼(連結):Day11\examples\day11-context-lab 一、Props Drilling 問題:為什麼需要 Contex...

2026-09-11 ‧ 由 shaoyukao 分享
DAY 12

30 天從零開始學會 React v19 - Day 12|useReducer 複雜狀態管理

今日範例程式碼(連結):Day12\examples\day12-reducer-lab 一、為什麼需要 useReducer:從多個 useState...

2026-09-12 ‧ 由 shaoyukao 分享
DAY 13

30 天從零開始學會 React v19 - Day 13|自訂 Hook(Custom Hook)入門

今日範例程式碼(連結):Day13\examples\day13-custom-hook-lab 一、為什麼要抽出自訂 Hook? 1. 從「同一段邏輯,...

2026-09-13 ‧ 由 shaoyukao 分享
DAY 14

30 天從零開始學會 React v19 - Day 14|週複習與小專案:多分頁資料切換 App

今日範例程式碼(連結):Day14\examples\day14-dashboard-app 一、本週學習地圖回顧 在動手做小專案之前,先快速複習一次第二...

2026-09-14 ‧ 由 shaoyukao 分享
DAY 15

30 天從零開始學會 React v19 - Day 15|useMemo 與 useCallback

今日範例程式碼(連結):Day15\examples\day15-memo-callback-lab 一、為什麼會需要 useMemo / useCall...

2026-09-15 ‧ 由 shaoyukao 分享
DAY 16

30 天從零開始學會 React v19 - Day 16|useTransition 與 useDeferredValue

今日範例程式碼(連結):Day16\examples\day16-transition-deferred-lab 一、為什麼需要這兩個 Hook:先搞懂...

2026-09-16 ‧ 由 shaoyukao 分享
DAY 17

30 天從零開始學會 React v19 - Day 17|useImperativeHandle、useLayoutEffect、useId

今日範例程式碼(連結):Day17\examples\day17-imperative-layout-id-lab 一、為什麼這三個 Hook 常被放在一...

2026-09-17 ‧ 由 shaoyukao 分享
DAY 18

30 天從零開始學會 React v19 - Day 18|React 19 新特性(一):Actions 與表單

今日範例程式碼(連結):Day18\examples\day18-actions-forms-lab 一、為什麼需要 Actions:從 Day09 的手...

2026-09-18 ‧ 由 shaoyukao 分享
DAY 19

30 天從零開始學會 React v19 - Day 19|React 19 新特性(二):use 與 Suspense

今日範例程式碼(連結):Day19\examples\day19-use-suspense-lab 一、為什麼需要 use:從 Day08 的手動三態談起...

2026-09-19 ‧ 由 shaoyukao 分享
DAY 20

30 天從零開始學會 React v19 - Day 21|週複習與小專案:效能優化 + 自訂 Hook 函式庫

今日範例程式碼(連結):Day21\examples\day21-hooks-library 一、本週學習地圖回顧 在動手做函式庫之前,先快速複習一次第三...

2026-09-20 ‧ 由 shaoyukao 分享