技術 Day 3 : 整合CSS Modules 提升 React 樣式管理

在前一篇文章中，我們成功配置了 Webpack 來處理字體和圖片資源，並討論了在大型 React 項目中如何通過路徑別名來簡化代碼管理。隨著文件結構變得更加複雜...

技術 Day 14 - 三種 React 資料請求策略：從 fetch-on-render 到 render-as-you-fetch

fetch-on-render (render triggers fetch) fetch-on-render 是指在 Component render 後，才...

技術 Day 5：整合 i18n，打造多語言 React 應用

在上一篇文章中，我們展示了如何利用 SASS 與 CSS Modules 結合，實現 React 應用的主題切換功能，並提升樣式管理的靈活性與可維護性。隨著應用...

技術 Day 6：基礎模組化設計優化 React 應用

在上一篇文章中，我們介紹了如何通過 SASS 和 react-i18next 結合，實現 React 應用的主題和語言切換功能，讓用戶可以自由切換語言和主題風格...

技術 Day 8 ：優化 Context 重繪，提升 React 性能

在前一篇文章中，我們介紹了如何利用 ThemeProvider 和自定義 Hook useTheme 來集中管理應用的主題狀態。隨著應用規模的擴大，我們開始管理...

技術 Day 7：進階模組化設計之 ThemeProvider 應用

在上一篇文章中，我們介紹了如何使用模組化設計來簡化應用中的主題切換和語言切換功能。通過將按鈕元件（ThemeButton 和 LangButton ）分離，我們...