✏️前端框架

  • React Server Action 的全面講解

    前端框架-

    React 和 Next.js 這幾年更新得非常快,特別是 Next.js 13/14 推出的 App Router,帶來了許多全新的觀念。 其中一個讓我剛開始完全搞不懂的功能,就是 Server ...

    前往React Server Action 的全面講解文章
  • useMemo 教學 - React 的記憶化函數

    前端框架-

    React 提供了許多強大的 Hooks,其中 useMemo 屬於是最容易被使用錯誤的 Hook,這次教學就由淺入深介紹 useMemo 的概念、用法與最佳實踐 什麼是 useMemo? use...

    前往useMemo 教學 - React 的記憶化函數文章
  • useRef 教學 - React 存取 DOM 與保持資料一致的 Hook

    前端框架-

    什麼是 useRef useRef 是 React 提供的一個 Hook,它可以用來保存一個值,而這個值會被存在一個物件裡面,這個物件再更新組件時,會保持一致的資料,不會被清空。 因為會被保存在物...

    前往useRef 教學 - React 存取 DOM 與保持資料一致的 Hook文章
  • 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 非同步的狀態更新。文章
  • 2025 前端框架怎麼選?React、Vue、Angular 完整比較指南

    前端框架-

    如果你正在考慮轉職前端,或是已經開始自學,應該有聽過「現在的前端開發都離不開框架」這句話。 但你可能會疑惑——以前的網頁不也是用 HTML、CSS、JavaScript 就能做出來嗎?為什麼現在好像...

    前往2025 前端框架怎麼選?React、Vue、Angular 完整比較指南文章
  • React Compiler 是什麼?實際應用與表現全解析

    前端框架-

    過去幾年,React Compiler(先前名為 React Forget)是 React 社群中最令人興奮和期待的工具之一。 React Compiler 核心概念是提升 React 應用程式的整...

    前往React Compiler 是什麼?實際應用與表現全解析文章