✏️前端框架 - React
useEffect 教學 - React 的副作用管理
前端框架-什麼是 useEffect? useEffect 是 React 中非常重要的一個 Hook,它讓函數組件(functional component)可以執行副作用 (Side Effects)。 ...
前往useEffect 教學 - React 的副作用管理文章虛擬 DOM 是什麼?(Virtual DOM)
前端框架-虛擬 DOM 是什麼? 自從 React 開始流行後,虛擬 DOM 也漸漸廣為人知,很多面試很愛考虛擬 DOM 的相關知識。了解虛擬 DOM 也是掌握 React 或 Vue 底層原理的第一步。 ...
前往虛擬 DOM 是什麼?(Virtual DOM)文章useState 教學 - React 的狀態與更新
前端框架-useState 是什麼? useState 是 React 中的一個 Hook,它的作用是讓「函數組件」擁有自己的狀態(state),當狀態改變時,React 會自動重新渲染畫面、更新畫面。同步狀...
前往useState 教學 - React 的狀態與更新文章React 是什麼?2025 完整新手學習指南
前端框架-React 是當今前端開發中最熱門的技術之一,不管你想要轉職前端,還是後端想做 Side Project,甚至是想利用 AI 來打造自己的網頁 App,理解 React 的基礎概念與環境設置都是入門的...
前往React 是什麼?2025 完整新手學習指南文章batch update 是什麼?React 非同步的狀態更新。
前端框架-在 React 裡,當 state 改變時,React 並不會馬上 re-render 整個組件,而是會先搜集要更新的 state,將這些更新的 state 放到一個佇列(queue)中,等待適當的時...
前往batch update 是什麼?React 非同步的狀態更新。文章React Compiler 是什麼?實際應用與表現全解析
前端框架-過去幾年,React Compiler(先前名為 React Forget)是 React 社群中最令人興奮和期待的工具之一。 React Compiler 核心概念是提升 React 應用程式的整...
前往React Compiler 是什麼?實際應用與表現全解析文章React Compiller 是什麼?他有哪些好處?
前端框架-React 19 除了更新了很多有關表單和異步操作的 hook 以外,最令人興奮的還是 React Compiler 的消息。 那究竟 React Compiler 是甚麼?又為什麼讓人興奮?今天這...
前往React Compiller 是什麼?他有哪些好處?文章React useOptimistic Hook 詳解 - 如何在 React 實作 Optimistic Update?
前端框架-React 19 推出了一個新的 Hook,專門用來樂觀更新 - useOptimistic。如果你不知道甚麼是樂觀更新,可以參考我寫的這篇文章,裡面有詳細的介紹。 在 React 中如何實現樂觀更...
前往React useOptimistic Hook 詳解 - 如何在 React 實作 Optimistic Update?文章React 常用的 JSX 渲染方法 - 條件渲染、渲染列表
前端框架-有了基礎的 React 觀念後,讓我們稍微講講一些常用渲染組件的方式。 條件渲染 列表渲染 React 條件渲染 有時候我們需要根據特定條件來決定渲染什麼樣的內容,例如當使用者是登入狀態時,顯...
前往React 常用的 JSX 渲染方法 - 條件渲染、渲染列表文章