技術 Day 27: 使用 react-hook-form 高效管理表單提交與驗證

在現代 Web 應用開發中，表單的管理與驗證往往是開發過程中的一大挑戰。上一篇文章中，我們探討了如何追蹤使用者行為並優化應用體驗，而今天，我們的焦點是表單管理。...

技術 Day 25: 利用單例模式優化 React 應用的 i18n 支援

在前一篇文章中，我們展示了如何將多語言資料從本地 JSON 檔案轉換為 API 形式，並將其部署到 Vercel 進行集中管理。這樣的改進使我們的應用能夠動態從...

技術 Day19: 動態生成 Card 元件，建構 Service 頁面

在過去的幾篇文章中，我們探討了 Hero Section 的設計和優化，包括使用 SVG 和動態控制來增強頁面交互效果。今天，我們將進一步完成個人網站的服務展示...

技術 Day 16 : 打造高互動 Hero Section，運用 Framer Motion 和 i18n

在前兩篇文章中，我們深入探討了如何設計一個靈活、高效的 React 按鈕元件，還有助於在不同情境下保持一致的設計風格。今天，我們將這些按鈕設計應用到 Hero...

技術 Day 9 : 精準控制日誌提升 React 效率

在前幾篇文章中，我們探討了模組化設計如何增強應用的靈活性與可維護性，同時介紹了如何優化元件重繪和狀態管理。使用 console.log 來檢查元件的重繪情況，是...

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

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

技術 Day 26 - 為什麼要用 react-i18next

前言 身為一個國際化的產品，能夠在產品中切換多國語言，絕對是必須的！這時 i18n 的處理便非常重要 i18n 等於國際化(internationalizat...