最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

距離 React 最近一次版本更新已經(jīng)過去了 8 個多月。那最近 React 都在忙些啥呢？下面就來看看 React 團(tuán)隊最近正在研究的事，以及取得的進(jìn)展！

站在用戶的角度思考問題，與客戶深入溝通，找到沙灣網(wǎng)站設(shè)計與沙灣網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站建設(shè)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、虛擬主機(jī)、企業(yè)郵箱。業(yè)務(wù)覆蓋沙灣地區(qū)。

概覽：

• React Server Components
• 資源加載
• 文檔元數(shù)據(jù)
• 離屏渲染
• Transition Tracing

React Server Components

React Server Components（RSC，服務(wù)端組件）是由 React 團(tuán)隊設(shè)計的一種新的應(yīng)用架構(gòu)。

React 團(tuán)隊正在引入一種新的組件——服務(wù)器組件，它提前運行并且被排除在 JavaScript 包之外。服務(wù)器組件可以在構(gòu)建期間運行，從文件系統(tǒng)讀取或獲取靜態(tài)內(nèi)容。它們還可以在服務(wù)端運行，無需構(gòu)建 API 即可訪問數(shù)據(jù)層?？梢酝ㄟ^ props 將數(shù)據(jù)從服務(wù)端組件傳遞到瀏覽器中的交互式客戶端組件。

RSC 將以服務(wù)端為中心的多頁面應(yīng)用的簡單“請求/響應(yīng)”心智模型與以客戶端為中心的單頁應(yīng)用的無縫交互相結(jié)合，提供了兩全其美的體驗。

自上次更新以來，React 團(tuán)隊合并了 React 服務(wù)端組件 RFC 以批準(zhǔn)該提案。通過 [React Server Module Conventions](React Server Module Conventions) 提案解決了懸而未決的問題，并與合作伙伴達(dá)成共識以遵循“use client”的約定。這些文檔還充當(dāng) RSC 兼容實現(xiàn)應(yīng)支持的規(guī)范。

最大的變化就是引入了 async / await? 作為從服務(wù)端組件獲取數(shù)據(jù)的主要方式。 除此之外，還計劃通過引入一個名為 ??use??? 的新 Hook 來支持從客戶端加載數(shù)據(jù)，該 Hook 用于解包 Promises。雖然不能在僅客戶端應(yīng)用的任意組件中支持 ??async / await??，但計劃在構(gòu)建僅客戶端應(yīng)用時添加對它的支持，類似于 RSC 應(yīng)用的結(jié)構(gòu)。

現(xiàn)在已經(jīng)解決了數(shù)據(jù)獲取的問題，并正在探索另一個方向：將數(shù)據(jù)從客戶端發(fā)送到服務(wù)器，以便可以執(zhí)行數(shù)據(jù)庫突變和實現(xiàn)表單。通過讓跨服務(wù)端/客戶端邊界傳遞服務(wù)端操作（Server Action）函數(shù)來實現(xiàn)這一點，然后客戶端可以調(diào)用這些函數(shù)，從而提供無縫的 RPC。Server Actions 還在 JavaScript 加載之前提供逐步增強(qiáng)的表單。

React 服務(wù)端組件已經(jīng)在 Next.js 應(yīng)用路由中發(fā)布。這展示了一個真正將 RSC 視為原語的路由的深度集成，但這并不是構(gòu)建與 RSC 兼容的路由和框架的唯一方法。RSC 規(guī)范和實現(xiàn)提供的特性有明顯的區(qū)別。React 服務(wù)端組件是指跨兼容React框架工作的組件規(guī)范。

React 團(tuán)隊通常建議使用現(xiàn)有框架，但如果需要構(gòu)建自己的自定義框架，也是可以的。構(gòu)建自己的 RSC 兼容框架并不容易，因為需要深度構(gòu)建工具集成。當(dāng)前一代的構(gòu)建工具非常適合在客戶端上使用，但它們在設(shè)計時并沒有為在服務(wù)端和客戶端之間拆分單個模塊圖提供一流的支持。這就是為什么 React 團(tuán)隊現(xiàn)在直接與構(gòu)建工具開發(fā)人員合作以獲得內(nèi)置的 RSC。

資源加載

Suspense 允許指定在組件的數(shù)據(jù)或代碼仍在加載時在屏幕上顯示什么內(nèi)容。這使用戶可以在頁面加載時以及加載更多數(shù)據(jù)和代碼的路由導(dǎo)航期間逐步看到更多內(nèi)容。但是，從用戶的角度來看，在考慮新內(nèi)容是否準(zhǔn)備就緒時，數(shù)據(jù)加載和渲染并不能說明全部。默認(rèn)情況下，瀏覽器獨立加載樣式表、字體和圖像，這可能導(dǎo)致 UI 跳轉(zhuǎn)和連續(xù)的布局轉(zhuǎn)換。

React 團(tuán)隊正在努力將 Suspense 與樣式表、字體和圖像的加載生命周期完全集成，以便 React 將它們考慮在內(nèi)，以確定內(nèi)容是否已準(zhǔn)備好顯示。在不改變編寫 React 組件的方式的情況下，更新將以更加連貫的方式進(jìn)行。作為一種優(yōu)化。，還將提供一種手動方式來直接從組件中預(yù)加載字體等資源。

文檔元數(shù)據(jù)

應(yīng)用中的不同頁面可能具有不同的元數(shù)據(jù)，例如