![[筆記] Chakra UI v2 的夜間模式 Dark Mode 的思維模式](https://smlpoints.com/wp-content/uploads/chakra-ui-logo.jpg "[筆記] Chakra UI v2 的夜間模式 Dark Mode 的思維模式"){kind=logo}
[筆記] Chakra UI v2 的夜間模式 Dark Mode 的思維模式
Chakra UI 在夜間模式 Dark Mode 的實作的思維邏輯，跟 Vuetify 有所不同。這邊筆記下內容。 內容 Chakra UI 是 React Read More …
分類: 程式語言 Programming Language
![[筆記] Google JavaScript Style Guide 閱讀筆記 – 變數命名](https://smlpoints.com/wp-content/uploads/notes-zh-tw-en-javascript-understanding-the-weird-part-1.jpg "[筆記] Google JavaScript Style Guide 閱讀筆記 – 變數命名")
[筆記] Google JavaScript Style Guide 閱讀筆記 – 變數命名
近期公司希望一統大家的命名習慣，參考資料為 Google JavaScript Style Guide。首要目標是改寫命名 Naming 的部份，因此筆記一下重 Read More …
![[筆記] React 實作監聽螢幕寬度](https://smlpoints.com/wp-content/uploads/notes-react-hooks-ch1-ch2-1.jpeg "[筆記] React 實作監聽螢幕寬度")
[筆記] React 實作監聽螢幕寬度
這回用 React 撰寫一下監聽螢幕寬度跟一般 JS 的差別。 內容 要使用 useEffect 來讓 React 初步渲染完 DOM 後，才去 window Read More …
[筆記] 安裝 react-router-dom v6.4 以後版本出現的路由切換閃爍問題
React Router DOM 在 v6 版本後，相較於 v5 有了不小改動。近期在用傳統的 createBrowerRouter 的物件陣列寫法時，遇上了切 Read More …
![[筆記] 初始化 create-react-app 搭配 pnpm 出現錯誤的解方](https://smlpoints.com/wp-content/uploads/notes-init-create-react-app-with-pnpm-error-1.jpg "[筆記] 初始化 create-react-app 搭配 pnpm 出現錯誤的解方")
[筆記] 初始化 create-react-app 搭配 pnpm 出現錯誤的解方
pnpm 在啟用 Node 專案的快速性，讓人一用就很難不心動。不過在用 create-react-app 來架起 react 的 TS 專案時，會立刻顯示缺少 Read More …
[筆記] React Router DOM 切換頁面短暫出現 Fallback 404 error 的解決方法
近期在使用 React Router DOM 時，發現在使用 lazy() 的狀態進行頁面切換下，會短暫出現 404 error 的內容。其實這個內容是自行定義 Read More …
[筆記] React Hooks 起來 – Ch7 – Vite 佈署到 Github Pages 的注意事項
Vite 要佈署到 Github Pages 頁面，可以透過套件省下不少功夫，不過還需要注意輸出的路徑，以免導致 404 錯誤。 內容 1. 安裝 gh-pag Read More …
[筆記] React Hooks 起來 – Ch7 – 切換畫面元件
因為實務上的需要來熟悉 React，就趁機筆記一下從 Vue 3 轉 React Hooks 的一些細節差異。這邊筆記下如何在頁面內切換畫面元件。 內容 1. Read More …
[筆記] React Hooks 起來 – Ch6 – 建立自己的 Hook
因為實務上的需要來熟悉 React，就趁機筆記一下從 Vue 3 轉 React Hooks 的一些細節差異。這邊筆記下如何建立自己的 Hook。 內容 1. Read More …
