鐵人檔案
回到昨天的問題，目標要的是一個可以隨時間經過倒數的計時器，並不是靜止的狀態這時候得用到 useEffect 來處理 timer 的問題 回顧一下 useEffe...
今天來用react hook寫一個投骰子遊戲～ 一樣以 codesandbox 作為環境先上傳六張骰子點數的圖片增加 Dash.js 用來顯示主要的遊戲狀態，D...
繼續把骰子遊戲寫完～回顧一下，昨天達成了1. 產生隨機骰子點數的函式2. 將骰子點數作為 property 傳送到子元件 Dice 中，讓子元件顯示出對應的點數...
今天來用 react hook 實作一個 bmi 計算機的小工具 分成三個元件App.js 寫 input onChange 等邏輯的父元件BmiRes.js...
昨天的bmi計算器範例用到了一個未曾見過的新面孔-useReducer 究竟 useReducer 是何方神聖呢現在來進行說明 useReducer 跟其他 r...
useCallback & useMemo 基本上這兩個 hook 主要的作用都是幫助效能優化(減少非必要的渲染)頁面上有多個 component 時，...
來介紹一下最後一個好朋友 useRef基本上 state 的更新會促成每一次的 re-render而 reference 則是更新後並不會造成 re-rende...
終於來到第 18 天了，今天來用 react hook 寫個簡易版的計算機吧！ 一樣在 codesandbox 中開啟新專案，建立基本的架構App.js imp...
昨天剛寫完樣式，今天來處理一下按鍵輸入數字的事件一樣在 Calculator.js 這個父元件中處理.. 因為在計算機的螢幕上要顯示 1+1*2 這樣的格式，所...
昨天寫到鍵入數字部分，今天接續把 +-/* 跟 = 的運算處理完吧～ 加減乘除 執行 dispatch({ type: "該按鈕的數值" }...
