寫出乾淨程式碼！搞懂副作用與純函式的核心概念
當你在寫 JavaScript 時，你的每一行程式碼，不是「用來算出某個結果」，就是「做出某種行動」。 這兩者的差異，就是程式語言中的「表達式（expression）」與「陳述式（statement）...
JavaScript 運算子全解：一元、二元、三元運算子一次搞懂！
在 JavaScript 中，「運算子（Operator）」是用來處理資料、變數、值的符號。 你可以把它們想像成程式碼中的「動作執行者」，負責做加法、比較、邏輯運算、條件判斷……等工作。 JavaSc...
useMemo / useCallback：效能優化從這開始
你的 React 專案越做越大，可能會遇到這樣的問題： 畫面沒改到的地方也重新渲染了、同樣的計算一直重複、操作起來變得卡卡的… 這時，你就需要學會效能優化了！ 本篇文章會帶你了解兩個超重要的 Ho…
JavaScript 資料是怎麼儲存的？深入了解 Value Type 與 Reference Type
你可能遇過這種狀況： const a = [1, 2, 3]; const b = [1, 2, 3]; console.log(a === b); // false 看起來陣列內容一模一樣，為什麼卻...
useReducer：更強大的 state 管理方法
當你開始寫 React 的時候，useState 絕對是最先學的 Hook。 它用起來直覺、方便，適合處理簡單的狀態更新。 但隨著應用越來越複雜，你會發現用 useState 管理多個狀態、或是多步驟...
理解程式設計中的「派發（Dispatch）」
在日常生活中，我們時常會遇到「派發」的情境——警察局派遣警員處理事故、物流中心派車送貨、學校派任老師處理某項任務。 這些場景的共通點是：接收到一個「請求」後，系統會選擇一個適當的處理者來「執行任務」。...
useContext 入門：跨層資料傳遞不再痛苦
你是否曾經遇過這樣的情境：一個全域資料（像是使用者登入狀態、主題模式、語言設定），必須從最上層的元件層層傳遞到子孫元件？ 這種層層傳遞 props 的痛苦，我們稱為 prop drilling。 當你...
為什麼 React 在「沒資料時」也要先渲染？——揭開 useEffect 與元件渲染時機的真相
你是否在學習 React 時，有過這樣的困惑？ 我明明要等 API 回傳資料再顯示，為什麼 React 一開始就先 render 一次？ 明明沒資料，畫面先空著不奇怪嗎？ useEffect 執行時不...
useRef 入門：如何存資料又不觸發重新渲染？
在 React 中，useState 是大家學得最多也用得最熟的 Hook。 它能讓元件擁有「狀態」，一但你用 setState 更新資料，React 就會重新渲染畫面，這樣我們才能看到最新的變化。 ...
useEffect 入門：畫面變動後要做的事怎麼寫？
當你學會了 useState，可以讓元件「有自己的資料」後，下一步會發現： 「有些事情我不是在 render 當下要做，而是畫面顯示完後才做。」 舉幾個例子： 向後端 API 發送請求載入資料 開始一...