這是一個為 React 初學者規劃的 30 天實戰學習系列,從 JSX、Component、Props、State 與事件處理開始,循序漸進學習各種 Hooks、效能優化與 React 19 新特性,並進一步整合 React Router、Redux Toolkit、API 串接、測試與部署。透過 Todo、表單、資料查詢與購物車等實作,從基礎觀念一路完成可實際運作的 React 專案。
今日範例程式碼(連結):Day11\examples\day11-context-lab 一、Props Drilling 問題:為什麼需要 Contex...
今日範例程式碼(連結):Day12\examples\day12-reducer-lab 一、為什麼需要 useReducer:從多個 useState...
今日範例程式碼(連結):Day13\examples\day13-custom-hook-lab 一、為什麼要抽出自訂 Hook? 1. 從「同一段邏輯,...
今日範例程式碼(連結):Day14\examples\day14-dashboard-app 一、本週學習地圖回顧 在動手做小專案之前,先快速複習一次第二...
今日範例程式碼(連結):Day15\examples\day15-memo-callback-lab 一、為什麼會需要 useMemo / useCall...
今日範例程式碼(連結):Day16\examples\day16-transition-deferred-lab 一、為什麼需要這兩個 Hook:先搞懂...
今日範例程式碼(連結):Day17\examples\day17-imperative-layout-id-lab 一、為什麼這三個 Hook 常被放在一...
今日範例程式碼(連結):Day18\examples\day18-actions-forms-lab 一、為什麼需要 Actions:從 Day09 的手...
今日範例程式碼(連結):Day19\examples\day19-use-suspense-lab 一、為什麼需要 use:從 Day08 的手動三態談起...
今日範例程式碼(連結):Day21\examples\day21-hooks-library 一、本週學習地圖回顧 在動手做函式庫之前,先快速複習一次第三...