React
含有「React」共 90 篇內容
全部內容
發佈日期由新至舊
這篇文章分享 React 前端分頁 (Client-side Pagination) 的實作邏輯。從父元件的資料切片運算到子元件動態渲染策略，協助你構建出結構清晰、具可重用性且使用者體驗友善的分頁系統。
本篇文章教學如何利用 i18next 的 Dynamic Loading 功能，將翻譯檔改為非同步載入，有效減少 JavaScript 包裹體積，加快網頁載入速度，並方便進行多語言維護。
本篇文章記錄如何結合 react-router-dom 與 i18next，讓網址能自動與網站的語言狀態同步，提升 SEO 並優化使用者體驗，使 URL 成為語言狀態的單一真相來源。
本文分享如何在 React 專案中實作 Dark Mode，利用 CSS Variables 簡化主題切換，並詳述解決 StrictMode 導致的初始化陷阱，採用 useState 的 lazy initialization 確保使用者偏好被正確儲存與讀取，提供一個穩定可靠的深色模式解決方案。
本篇文章介紹如何在 React 專案中使用 react-markdown 套件，將 Markdown 檔案輕鬆轉換為網頁內容。文章涵蓋了安裝套件、基本渲染以及進階的 fetch 預防解析失敗的技巧。
此文是我作為 React 工程師 (Junior) 的學習記錄（更新至 2026/03/12），歡迎各位大大指正。
上週面試時，遇到一個有趣的考題。面試官給了這段程式碼，請我找出這段程式碼有什麼問題。
function Form() {
const [firstName, setFirst
將 GitHub repo 的前端作品部署到了 vercel 卻反覆發生 404，記錄下 debug 的過程。
本文深入探討 React Hook 中的 useRef，詳細比較了它與 useState 的差異，並說明瞭 useRef 如何用於保存跨渲染狀態、操作 DOM 節點以及存取上次渲染的狀態。文末並總結了 useRef 的常見用法及注意事項，提供實際範例與建議。
本文將深入探討 React 的 useEffect Hook，從其基本定義、常見用法，到開發者常踩的陷阱。此外，文章也將介紹新的 useEffectEvent Hook，以及提供避免 useEffect 陷阱的實用技巧。
本文探討 React 中 `useState()` Hook 的核心功能，解析狀態的定義、React Hooks 的使用規範，並透過計數器元件的實例，詳細說明 `useState()` 的基本用法、初始狀態設定、何時應使用狀態而非一般變數，以及物件陣列的更新與透過 `key` 重置狀態等進階技巧。