鐵人檔案
去年挑戰了Vue，今年想多學一個新框架而選擇了React。目前市場所見的職缺幾乎都是以這兩個框架為主，為了讓自己職涯上更多選擇，因此再次挑戰學習框架。
React表單其實可以很簡單，可以使用React Hook Form套件，接著我們就來看看怎麼使用他。 首先，要先知道useForm()這個React Hook...
昨天有提供了許多驗證可使用的屬性，做完了驗證下一步就是準備送出拉!! 過去沒有框架時我們點擊type=“submit”按鈕，form元素onSubmit方式送出...
Hook中有很多React的功能，useState是我們第一個入門hook，它的作用在於增加 React state 到 function component，...
第二個認識的Hook是useEffect，他最主要的功能就是處理值改變後要做的事，中文又稱為副作用。 他的使用方式會是這樣的寫法 useEffect(() =&...
資料父傳子props是最常見的形式，若今天資料想要傳給同層的兄弟姊妹或是傳給下下層的元件呢? useContext就出場拉! 但我們先要了解什麼是Global...
在React中最常用也最彈性的Hook就是useRef，用法如下，他回傳的是一個物件，裡面有一個屬性current const data = useRef(*初...
接續昨天的內容，要來說useRef的另一個用途。 使用情境-保存 DOM 節點 useRef可以讓我們快速地抓到DOM元素，這也是useRef最常被使用的功能。...
useMemo目的是用來**「避免重複進行複雜耗時的計算」**，舉以下範例: 看似沒有問題的程式碼其實隱藏了一個問題，當修改number的值，calcSquar...
今天要認識的useCallback跟useMemo很像，都是為了減少資源而存在的Hook。那他們差異在哪呢? useCallback v.s. useMemo...
認識Router前要知道什麼是SPA(Single Page Application)與MPA(Multi-Page Application)。 MPA v.s...
