這是一個為 React 初學者規劃的 30 天實戰學習系列,從 JSX、Component、Props、State 與事件處理開始,循序漸進學習各種 Hooks、效能優化與 React 19 新特性,並進一步整合 React Router、Redux Toolkit、API 串接、測試與部署。透過 Todo、表單、資料查詢與購物車等實作,從基礎觀念一路完成可實際運作的 React 專案。
今日範例程式碼(連結):Day01\examples 一、React 是什麼? React 是由 Meta(前身為 Facebook)開發並維護的一套 J...
今日範例程式碼(連結):Day02\examples\profile-dynamic 一、JSX 是什麼? JSX(JavaScript XML) 是 J...
今日範例程式碼(連結):Day03\examples\profile-components 一、Function Component 是什麼? 從 Day...
今日範例程式碼(連結):Day04\examples\counter-app 一、State 是什麼?跟 Props 有什麼不同? Day03 學過,Pr...
今日範例程式碼(連結):Day05\examples\event-playground 一、合成事件(SyntheticEvent)是什麼? 在原生 Ja...
今日範例程式碼(連結):Day06\examples\todo-list 一、條件渲染(Conditional Rendering)的三種寫法 在 Rea...
今日範例程式碼(連結):Day07\examples\todo-list-app 一、本週學習地圖回顧 在動手做小專案之前,先快速複習一次這一週每天學了什...
今日範例程式碼(連結):Day08\examples\day08-effect-lab 一、什麼是副作用(Side Effect)? 到目前為止(Day0...
今日範例程式碼(連結):Day09\examples\day09-form-lab 一、受控元件(Controlled Component)vs 非受控元...
今日範例程式碼(連結):Day10\examples\day10-ref-lab 一、useRef 是什麼:跨渲染保持不變的容器 1. 從一個問題說起 D...