![[筆記] React 撰寫元件時 如何保留留下客製化區塊 ( Vue )](https://smlpoints.com/wp-content/uploads/notes-react-hooks-ch1-ch2-1.jpeg "[筆記] React 撰寫元件時 如何保留留下客製化區塊 ( Vue )")
[筆記] React 撰寫元件時 如何保留留下客製化區塊 ( Vue )
Vue 的世界中常見的 slot，是撰寫元件時保留給外部客製化的一塊相當方便的功能。這功能在 React 中，元件內部接受一個 renderFunction，當 Read More …
標籤: React
[筆記] React Unit Testing 測試心法
這回在初步撰寫 React Unit Testing 的內容時，有一些思考盲區產生。這邊趁印象深刻之際，將其筆記下來。 內容 測試的框架是使用 React Te Read More …
[筆記] React 與 Vue 的實作思維轉換筆記
身為一個 Vue 的長期用戶，在轉換 React 的寫法時有一些思維模式的對照會需要釐清。這邊筆記下相關內容。 內容 1. v-for 語法會用 JavaScr Read More …
[筆記] React Router DOM Flick 延遲載入元件搭配切換頁面閃爍問題
React Router DOM 在頁面切換時，會有一定機會出現閃爍的情況。這邊筆記下搭配 lazy 延遲載入元件一同使用時，不會產生閃爍情況的寫法。 內容 關 Read More …
![[筆記] 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 …
[筆記] React 實作監聽螢幕寬度
這回用 React 撰寫一下監聽螢幕寬度跟一般 JS 的差別。 內容 要使用 useEffect 來讓 React 初步渲染完 DOM 後，才去 window 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 …
