✏️全部文章
React Server Action 的全面講解
前端框架-React 和 Next.js 這幾年更新得非常快，特別是 Next.js 13/14 推出的 App Router，帶來了許多全新的觀念。 其中一個讓我剛開始完全搞不懂的功能，就是 Server ...
前往React Server Action 的全面講解文章SSG & CSR & SSR - 現代 Web 的渲染方式
前端進階-前言 在前端世界中，「渲染策略」一直是核心課題之一。 從最早的靜態網站，到後來需要即時性與互動性的應用，我們不斷嘗試不同的方式來兼顧速度、體驗與維護性。 特別是現在網路的使用場景越來越多元了，單...
前往SSG & CSR & SSR - 現代 Web 的渲染方式文章認識 PostgreSQL 與 Supabase - 基本觀念與使用教學
前端進階-什麼是 PostgreSQL？ PostgreSQL 是一個免費、開源的資料庫系統，也是現在最熱門的資料庫。 PostgreSQL 強大的地方在於，除了足夠穩定、內建各種豐富的資料類型像是 JSO...
前往認識 PostgreSQL 與 Supabase - 基本觀念與使用教學文章useMemo 教學 - React 的記憶化函數
前端框架-React 提供了許多強大的 Hooks，其中 useMemo 屬於是最容易被使用錯誤的 Hook，這次教學就由淺入深介紹 useMemo 的概念、用法與最佳實踐 什麼是 useMemo？ use...
前往useMemo 教學 - React 的記憶化函數文章useRef 教學 - React 存取 DOM 與保持資料一致的 Hook
前端框架-什麼是 useRef useRef 是 React 提供的一個 Hook，它可以用來保存一個值，而這個值會被存在一個物件裡面，這個物件再更新組件時，會保持一致的資料，不會被清空。 因為會被保存在物...
前往useRef 教學 - React 存取 DOM 與保持資料一致的 Hook文章轉職前端，資料結構和演算法要學到什麼程度？
前端職涯-轉職前端要學演算法嗎？ 曾經有朋友問我 轉職前端要不要學演算法？ 演算法好難完全不知道要從哪裡下手 演算法和資料結構差在哪？ 而且現在 AI 這麼強，真的有必要學演算法嗎？ 先說結論，演算...
前往轉職前端，資料結構和演算法要學到什麼程度？文章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)文章閉包是什麼？JS Closure 完整應用教學
前端基礎-閉包 Closure 一直是很重要的前端觀念，也是面試愛考題。有很多實務場景都有使用到閉包(Closure)，像是 debounce、資料封裝、非同步處理等等，都很常看到閉包的身影，但對於程式新手而言...
前往閉包是什麼？JS Closure 完整應用教學文章useState 教學 - React 的狀態與更新
前端框架-useState 是什麼？ useState 是 React 中的一個 Hook，它的作用是讓「函數組件」擁有自己的狀態（state），當狀態改變時，React 會自動重新渲染畫面、更新畫面。同步狀...
前往useState 教學 - React 的狀態與更新文章