在 React 中，useState 是大家學得最多也用得最熟的 Hook。 它能讓元件擁有「狀態」，一但你用 setState 更新資料，React 就會重新渲染畫面，這樣我們才能看到最新的變化。 ...

當你學會了 useState，可以讓元件「有自己的資料」後，下一步會發現： 「有些事情我不是在 render 當下要做，而是畫面顯示完後才做。」 舉幾個例子： 向後端 API 發送請求載入資料 開始一...

在學會 React 元件後，你可能會發現一個問題：當畫面重新渲染時，元件內的變數好像會「歸零」？ 舉個例子，如果你寫了一個 let count = 0，但當使用者點按按鈕後畫面更新，count 還是從...

在學習 React 的過程中，很多新手會遇到這個看似簡單卻超關鍵的問題： setCount(count + 1) 和 setCount(prev => prev + 1) 差在哪裡？ 什麼時候該用哪一...

在你踏入 Hook 的世界之前，有一個觀念非常關鍵 —— 你要先了解 React 元件是怎麼「活著」的。 React 並不是畫面 render 一次就結束，它背後其實運行著一套「生命週期」的機制，幫助...

在學習 React 的過程中，很多初學者都會卡在「Class Component」這一關。 state、生命週期方法、this 綁定問題……常常讓人看得一頭霧水。 不只新手覺得困難，就連有經驗的工程師...

當我們學會了 React 的 state 和 props，再進一步接觸 Context API，會覺得：「啊，終於可以把資料從上層統一管理，解決 props 一層層傳的麻煩了！」 但當專案越做越大，你...

你可能曾經這樣寫 React 程式： return ( 標題 新增 {todos.map(todo => ( {todo} ))} ); 一開始寫起來很快，但隨著畫面變多、功能變複雜，這個元件就會變得...

你學會了 props，知道怎麼讓父元件把資料「丟給」子元件，但有沒有遇過這種情況： 想把一筆資料給最底層的元件，結果中間的每一層元件都要幫忙「轉傳」一次？ 這就是 prop drilling 的問題。...