Articles in this series
最近負責的專案遇到一點寫法上的瓶頸，codebase搞得亂七八糟的(太菜😅)，所以開始看一些跟模式(pattern)有點相關的文章。 這篇筆記主要內容出自於 React component as prop: the right...
忘記之前部署React專案到Netlify的設定，來完整記錄一下。 React 建立部署資料夾 部署 React 專案要用 npm run build 建立build資料夾管理部署檔案。 Router 接下來在 public 資料夾，新增名為 _redirects...
React Router DOM v5 安裝指令： $ npm i react-router-dom@5 Component Overview : Active Router : 替component註冊(register)...
有時候會希望可以不透過state、props傳遞的方式呼叫child component內部的function，這種方式稱為imperative approach。 以下示範如何用 ref、forwardRef 和 useImperativeHandle hook 達成： // Form.js...
在React官方文件開宗明義地說了： Building your own Hooks lets you extract component logic into reusable functions. 即custom...
useRef 可以直接用來 修改DOM節點屬性 和 儲存可變值(mutable value)；更棒的是，使用 useRef 不僅會hold住參照值，也不會造成額外的render。 useRef returns a mutable ref object whose .current...