鐵人檔案
本系列文章將深入探討 React 與 TypeScript 的進階應用，並涵蓋現代 React 生態系中的多項核心技術。內容包括狀態管理（Server State 與 Client State）、React Server Components、渲染模式（Rendering Patterns）、Memorization 技術等。
什麼是 Zustand? Zustand 是一個輕量級、快速且具擴展性的狀態管理解決方案，採用簡化的 Flux 原則，並基於發布/訂閱模式和 React hoo...
使用 useEffect 和 useState fetch 資料的問題 在 React 開發中，我們經常會從伺服器端取得資料，通常會使用 useEffect 搭...
stale-while-revalidate stale-while-revalidate 是 HTTP Headers 的 Cache-Control 設定。...
fetch-on-render (render triggers fetch) fetch-on-render 是指在 Component render 後，才...
React 16 Suspense 和 React Lazy 其實在 React 16 時就有 Suspense，需要搭配 lazy 使用。使用原因是為了優化效...
前後端合一的 SSR (傳統 SSR) 由後端產生頁面，通常採用 MVC（Model-View-Controller）架構，由後端伺服器來產生完整的 HTML...
為什麼需要 Server Components? React Server Components 的誕生是為了進一步提升效能和使用者體驗，解決前端開發中的常見問...
Server Component 和 Client Component 的互動 在昨天有介紹到 Server Components 是沒有辦法互動的，這時候就需...
Server Functions 使用 Server Function 可以在 Client Component 和 Server Component 中使用。...
useOptimistic 除了昨天介紹的 useFormStatus 和 useActionState 以外，在 React 19 也推出一個 useOpti...
