鐵人檔案
本系列文章將深入探討 React 與 TypeScript 的進階應用，並涵蓋現代 React 生態系中的多項核心技術。內容包括狀態管理（Server State 與 Client State）、React Server Components、渲染模式（Rendering Patterns）、Memorization 技術等。
use React 19 推出了新的 API use ，可以用來取得非同步的內容或 Promise ，也可用來取得 Context。 use 只能在 rende...
Document Metadata Document Metadata （如 <title>、<link> 和 <meta>...
在使用 memoization 之前 為什麼需要使用 Memoization ？ 避免非必要的重複渲染（re-render） 是性能優化的一個重點。在大部分情況...
React Memoization 和 React Compiler 在昨天的文章介紹了如何使用 React.memo , useMemo 和 useCallb...
React Compiler 是怎麼運作的? React Compiler 的運作流程很複雜，概括來說會執行以下幾個步驟： Babel Plugin： Ba...
之前的 React 架構有什麼問題? 在 React 16 之前的架構是 Stack Reconciler，過程是同步進行的。當進行大量更新（例如渲染大量資料或...
流程說明 Server 端開始渲染：React 在 Server 端逐步渲染組件並生成 HTML。 Streaming HTML：當部分 HTML 完成時，立...
Server Components 的主要特點是將資料處理和元件渲染都在 Server 端完成，然後再將結果傳送至 Client 端。接下來的內容將著重在如何將...
React Hooks 的運作機制是建立在 React Fiber 架構之上，所有的 Hook 狀態會以 linked list 的方式儲存。fiber 中的...
文章總結 在這系列文章中，先介紹了 TypeScript 的相關內容。從 TypeScript 泛型應用，到 React Component 中的實用的寫法，還...
