鐵人檔案
在這系列文章中，我將分享我從專案經理轉變為前端開發者的經歷，並使用React來構建我的個人作品集。我會逐步介紹如何利用React建立一個互動豐富、視覺吸引人的作品集網站，從基礎的React元件和狀態管理到進階功能，如路由和API整合。每篇文章都將深入探討一個主題，並提供實際的代碼示例與解決方案。
此外，我還將分享轉職過程中遇到的挑戰，如學習新技術、時間管理，以及保持學習動力的策略。我的目標是不僅展示技術成果，也希望透過我的經驗激勵正在或計劃職業轉換的讀者
在2024年春天，我踏上了自由職業的旅程。隨著對技術的熱愛與對分享的渴望，我成立了流光館Luma<∕>個人品牌，作為技術作品和記錄職業生涯的平台。...
在前一篇文章中，我們成功地使用 Webpack 初始化了 React 專案並建立了基本的目錄結構。今天，我們將進一步優化開發環境，通過整合字體和圖片資源以及設置...
在前一篇文章中，我們成功配置了 Webpack 來處理字體和圖片資源，並討論了在大型 React 項目中如何通過路徑別名來簡化代碼管理。隨著文件結構變得更加複雜...
在之前的文章中，我們介紹了如何利用 CSS Modules 來提升 React 專案的樣式管理，使程式碼更加模組化且易於維護。本篇將更進一步，展示如何整合 SA...
在上一篇文章中，我們展示了如何利用 SASS 與 CSS Modules 結合，實現 React 應用的主題切換功能，並提升樣式管理的靈活性與可維護性。隨著應用...
在上一篇文章中，我們介紹了如何通過 SASS 和 react-i18next 結合，實現 React 應用的主題和語言切換功能，讓用戶可以自由切換語言和主題風格...
在上一篇文章中，我們介紹了如何使用模組化設計來簡化應用中的主題切換和語言切換功能。通過將按鈕元件（ThemeButton 和 LangButton ）分離，我們...
在前一篇文章中，我們介紹了如何利用 ThemeProvider 和自定義 Hook useTheme 來集中管理應用的主題狀態。隨著應用規模的擴大，我們開始管理...
在前幾篇文章中，我們探討了模組化設計如何增強應用的靈活性與可維護性，同時介紹了如何優化元件重繪和狀態管理。使用 console.log 來檢查元件的重繪情況，是...
在應用規模增長的過程中，性能優化始終是前端工程師需要解決的重要課題。上篇文章中，我們討論了如何使用自訂日誌系統來提升應用效率。而今天，我們將進一步探討通過 La...
