React
含有「React」共 84 篇內容
全部內容
發佈日期由新至舊
將 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` 重置狀態等進階技巧。
上篇介紹 MUI 基本安裝與使用方法，但我們不太可能用 MUI 完成整個網站的切版對吧？所以此篇將聚焦：MUI 與 Tailwind 協作、元件與主題客製化。這篇文章會更貼近實務應用情境作介紹。
本篇文章介紹 MUI（原 Material UI）這個強大的 React UI 元件庫，涵蓋其核心元件、不同產品線、安裝與匯入元件的方式，以及如何在專案中套用樣式與主題。幫助開發者快速建立一致且具有品牌風格的介面。結論將引導讀者瞭解如何進一步自訂 MUI 的樣式主題。
本文討論 JavaScript 模組化的重要性、常見模組化方式（IIFE、CommonJS、AMD、UMD、ES Modules）及其優缺點、適用情境，以及模組化帶來的益處，例如提升可維護性、加速開發、提升效能和利於測試。
React 事件處理：讓網頁動起來~
網頁的互動性是吸引使用者、提供良好體驗的關鍵。
在 React 中，透過監聽使用者的操作（例如點擊、滑鼠移動、鍵盤輸入），並執行相應的程式碼，來實現豐富的互動效果。
在 React 的世界裡，Props 負責從父元件向子元件傳遞資料，而 State 則是負責管理元件自身的內部資料。
State 就像元件的記憶，可以儲存元件的狀態，並根據狀態的變化來更新 UI。
在 React 的世界裡，元件 (Component) 就像一個個獨立的個體，各自負責 UI 的一部分，要讓這些個體協同工作，就需要一種溝通的機制，而 Props 就是組件之間通信和數據傳遞的主要方式。
