React
自動產出前端 API 型態與 TanStack Query 方法實例，加速前端開發
前後端彼此之間溝通，最麻煩的地方大概就是 API 格式、有沒有寫文件，文件有沒有定期更新維護之類的，後端可以妥善運用 Swagger 產出文件，前端只要依照 Swagger 文件就可以看到所有參數與回傳型態。 既然後端可以透過...
read articleRedux Toolkit Query 管理共用的 API 狀態
使用 Redux Toolkit Query 來管理共用的 API 狀態吧！ 說明： import.meta.env.VITE_API_URL 這是 vite 獲取環境變數的語法 使用 Redux Toolkit Query 的...
read article前端面試問題集一
收集面試問題，嘗試自己回答～ Q: Q: cookie 是怎麼帶上的？ server 向瀏覽器發送 http，透過 http 中的 header Set-Cookie 傳給瀏覽器。 Q: Q: 瀏覽器對於帶 cookie...
read articleReact Next.js and Material UI(MUI)
這次 finial project 使用 React Next.js 還有 Material UI，Material UI 在最近改版變成 MUI ，引入的套件名稱都換掉了，官網的 logo...
read articleReact 增進效能，避免重複渲染 Rerender
渲染機制 Reconciliation 首先先簡單了解 React 的渲染機制 Reconciliation 認識 Rerender component state 改變，再呼叫一次 function 的方式就叫...
read article在 React 刪除 todo 的方法
觀念：在 parent 處理 function -> 當作 props 傳下去給 child -> child 再呼叫這個 function parent(App.js) 傳給...
read articleCustom Hook 來自己寫一個 hook 吧!
首先， 自訂的 Hook 一定要用 use 作為開頭 會用到的 hook 記得要 import 進來。 把變數 return 回去就可以在 app.js 中使用。 新增一個檔案叫做 useInput.js 把 App.js...
read articleReact 的 controller component 與 uncontrolled
此為 React 學習筆記，純粹用自己好記憶的方式所寫喔～ 常見表單的控制方法，分為 controller component (有被 React 控制著) uncontrolled (沒有被 React 控制) controller...
read articleReact 只會更新畫面中有變化的部分
React 只會更新畫面中有變化的部分 useStatus const [count, setCount] = useState(<資料預設值>); count 是透過 useState()...
read article