React 19.2導入部分預算繪，強化SSR串流改採批次顯示

React開發團隊推出React 19.2，重點放在提升伺服端算繪與使用者回應速度，並調整開發體驗與偵錯工具。此次更新涵蓋React與React DOM，官方也已於NPM提供新版本。

React 19.2最受關注的新功能部分預算繪（Partial Pre-rendering），其允許網站在真正送出頁面前，先把不常變的框架算好，放到CDN或先回傳給用戶端，之後再把需要即時計算或抓取資料的區塊接續補齊。對使用者而言，畫面更快成形，而對團隊而言，能把先顯示骨架後填上資料的流程標準化，降低手工拆分頁面的複雜度。

現在串流算繪的顯示節奏也更貼近用戶端，以往在伺服端串流時，部分等待資料的區塊會一塊一塊地替換占位內容，而在19.2中改為短時間批次顯示，避免畫面連續跳動，對大型頁面的視覺穩定更友善，同時考量到核心網頁體驗指標，避免因節流而拖慢關鍵載入時間。

React 19.2加入Activity元件，提供可見與隱藏兩種模式，當區塊處於隱藏模式時，畫面上看不到、相關效果會停用，更新也會延後，但狀態得以保留，也就是說，常被切換的頁籤、抽屜或次要路由，可以先在背景準備好，使用者切換時就不必重新載入與重新輸入。其同時改善返回上一頁的體驗，回來時DOM狀態仍存在。

開發體驗也有幾項小而實用的變化，useEffectEvent可把由Effect觸發的事件邏輯與Effect本身分離，減少因無關的狀態變動導致不必要的重新連線或重算，相關的ESLint規則也已更新，協助避免誤用。而伺服端元件cacheSignal可在結果不再被快取使用時中止工作，避免浪費計算與網路資源。

而偵錯與效能觀測方面，Chrome DevTools新增React專屬的效能追蹤工具（Performance Tracks），涵蓋Scheduler、Components與Server三類軌跡，呈現排程優先順序、元件算繪/Effect時間，以及伺服端請求與Server Components的等待與耗時。

React 基礎能力則補上Node對Web Streams的支援，包含算繪與預算繪的流程。不過官方仍建議在Node環境優先使用Node Streams，因其效能表現與壓縮支援較成熟。另有一項細節是useId的預設前綴改為_r_，以配合未來的轉場動畫與命名規範。