AVt天堂网 手机版,亚洲va久久久噜噜噜久久4399,天天综合亚洲色在线精品,亚洲一级Av无码毛片久久精品

當前位置:首頁 > 科技  > 軟件

怪不得這么多人學 React!

來源: 責編: 時間:2024-05-17 09:03:14 127觀看
導讀大家好,我是 CUGGZ。React 大會于 2024 于 5 月 15 - 16 日舉行,本文就來回顧一下活動第一天的部分關鍵信息!React 團隊的男女顏值擔當都來了,怪不得這么多人學 React 呢!(開個玩笑,下面來看正文)React 19 新功能React 19 Bet

nUb28資訊網——每日最新資訊28at.com

大家好,我是 CUGGZ。nUb28資訊網——每日最新資訊28at.com

React 大會于 2024 于 5 月 15 - 16 日舉行,本文就來回顧一下活動第一天的部分關鍵信息!nUb28資訊網——每日最新資訊28at.com

React 團隊的男女顏值擔當都來了,怪不得這么多人學 React 呢!(開個玩笑,下面來看正文)nUb28資訊網——每日最新資訊28at.com

nUb28資訊網——每日最新資訊28at.com

React 19 新功能

React 19 Beta 版本已于近日發布,即將發布 RC 版,距離正式版又進了一步。nUb28資訊網——每日最新資訊28at.com

React 19 中的新功能主要包括:nUb28資訊網——每日最新資訊28at.com

  • Actions 功能:通過 useTransition 和 useOptimistic 等 Hook 改進了處理異步操作和狀態更新的方式,簡化了掛起狀態、錯誤處理、樂觀更新的管理。
  • 服務器組件
  • 服務器組件:React 19 正式集成了服務器組件特性,允許在構建前預先渲染組件,提供了兩種運行模式:構建時運行和實時請求處理。
  • 服務器操作:允許客戶端組件調用并執行服務端的異步函數,通過“use server”指令定義服務器操作,框架會創建指向服務端函數的引用。
  • 功能優化:
  • ref 作為屬性:ref 可以作為函數組件的參數直接訪問,不再需要 forwardRef。nUb28資訊網——每日最新資訊28at.com

  • 水合錯誤報告優化:改進了客戶端渲染與服務端渲染內容不匹配時的錯誤報告,提供了更清晰的錯誤信息。nUb28資訊網——每日最新資訊28at.com

  • 作為提供者的 :可以直接使用 <Context> 作為提供者,而無需傳統的 <Context.Provider>。nUb28資訊網——每日最新資訊28at.com

  • refs 清理函數:支持從 ref 回調函數返回一個清理函數,以便在組件卸載時進行清理工作。nUb28資訊網——每日最新資訊28at.com

  • useDeferredValue 的初始值:允許指定組件首次渲染時的值。nUb28資訊網——每日最新資訊28at.com

  • 文檔元數據支持:允許在組件中直接定義 <title>、<link> 和 <meta> 等文檔元數據標簽,React 會自動將它們提升到文檔的 <head> 部分。nUb28資訊網——每日最新資訊28at.com

  • 樣式表支持:提供了內置支持,允許在組件樹中直接管理樣式表,并自動處理樣式表的加載順序。nUb28資訊網——每日最新資訊28at.com

  • 異步腳本支持:允許在組件樹的任何位置渲染異步腳本,簡化了腳本的管理。nUb28資訊網——每日最新資訊28at.com

  • 資源預加載支持:引入了預加載 API,如 prefetchDNS、preconnect、preload 和 preinit,以優化資源加載。nUb28資訊網——每日最新資訊28at.com

  • 與第三方腳本和擴展的兼容性:改進了對第三方腳本和瀏覽器擴展的兼容性。nUb28資訊網——每日最新資訊28at.com

  • 更好的錯誤報告:優化了錯誤處理,提供了更多的錯誤處理選項。nUb28資訊網——每日最新資訊28at.com

  • 自定義元素支持(Web Components):增強了對自定義元素的支持。nUb28資訊網——每日最新資訊28at.com

React 編譯器開源

React 編譯器開源正式開源,并將在 React 19 中可用。值得一提的是,React 編譯器源代碼有近 36 萬行代,提交了 1900 次,底層使用 Rust 語言編寫。nUb28資訊網——每日最新資訊28at.com

nUb28資訊網——每日最新資訊28at.com

目前可以在 React 19 beta 或者在線 Playground 中(https://playground.react.dev/)嘗試!nUb28資訊網——每日最新資訊28at.com

nUb28資訊網——每日最新資訊28at.com

源代碼:https://github.com/facebook/react/tree/main/compiler。nUb28資訊網——每日最新資訊28at.com

React 編譯器(React Compiler)是一個實驗性工具,旨在通過自動優化來提高 React 應用的性能。它通過理解 JavaScript 語義和 React 的規則,自動對代碼進行諸如記憶等優化,從而減少不必要的計算和渲染,提升應用的響應速度和用戶體驗。nUb28資訊網——每日最新資訊28at.com

有了 React 編譯器,useMemo、useCallback、React.memo 等 API 都不需要了。nUb28資訊網——每日最新資訊28at.com

注意nUb28資訊網——每日最新資訊28at.com

  • 實驗性:React 編譯器目前仍處于實驗階段,尚未完全準備好用于生產環境。
  • React 19 Beta 兼容:要使用 React 編譯器,需要確保項目依賴的是 React 19 Beta 或更高版本。
  • 代碼庫健康與 React 規則:編譯器的效果取決于代碼庫的健康狀況以及遵循 React 規則的程度。如果代碼已經很好地進行了手動優化,那么使用編譯器可能不會帶來顯著的性能提升。
  • 不急于使用:盡管 React 團隊鼓勵在非關鍵項目中進行小規模實驗以提供反饋,但在將編譯器推廣到你的生產環境之前,請務必謹慎考慮。等待編譯器達到穩定版本后再采用可能是一個更好的選擇。
  • 集成與配置:React 編譯器與多種構建工具和框架兼容,但可能需要一些額外的配置才能正確集成。請仔細閱讀官方文檔,并按照指南進行配置。

官方文檔:https://react.dev/learn/react-compiler。nUb28資訊網——每日最新資訊28at.com

React Router 與 Remix 合并

在 React Conf 上,Remix 宣布與 React Router 合并。在即將發布的 React Router v7 中,將包含 Remix 的所有特性,屆時,對于 Remix 用戶,只需更改 import 語句即可;而對于 React Router 用戶,可以直接在 React 項目中使用 Remix 的特性!nUb28資訊網——每日最新資訊28at.com

那為什么 Remix 要合并到 React Router 中呢?nUb28資訊網——每日最新資訊28at.com

  • Remix 作為構建在 React Router 之上的框架,兩者之間的界限變得越來越模糊。
  • 隨著 Create React App 不再被推薦,社區需要一個新的、更好的方式來構建 React 應用,Remix 希望能填補這一空缺。
  • React Router 用戶量更龐大,合并使得現有的 React Router 項目能夠更容易地采用 Remix 的特性(換一種方式推廣 Remix)。

nUb28資訊網——每日最新資訊28at.com

Remix 是什么?

Remix 是 React Router 團隊開源的一個全棧 Web 框架。早期需要付費使用,于 2021 年正式開源,開源時還引起了不小的討論,很多人都認為它將成為 Next.js 的有力競爭對手。不過,開源兩年半的時間,Remix 和 Next.js 的下載量可謂是天差地別,:nUb28資訊網——每日最新資訊28at.com

nUb28資訊網——每日最新資訊28at.com

兩個 React

主要討論了在使用 React 構建用戶界面(UI)時,組件應該在客戶端還是服務端運行的問題。nUb28資訊網——每日最新資訊28at.com

  • 客戶端運行組件的優勢:
  • 即時反饋:用戶與UI交云時,如點擊按鈕,可以獲得即時的反饋,無需等待服務器響應。
  • 無需服務器輪詢:對于一些用戶操作,如拖動滑塊或點擊按鈕,不需要服務器的額外請求或數據下載。
  • 更好的用戶體驗:直接的交互響應提升了用戶體驗,使得應用感覺更靈敏和流暢。
  • 利用客戶端狀態:組件可以使用客戶端狀態(UI = f(state)),這允許構建高度交互式和響應式的用戶界面。
  • 服務端運行組件的優勢:
  • 數據訪問:服務端組件可以訪問服務器上的數據和文件,這對于數據密集型的應用非常有用。nUb28資訊網——每日最新資訊28at.com

  • 預處理數據:在數據發送到客戶端之前,服務端組件可以對數據進行讀取和預處理。nUb28資訊網——每日最新資訊28at.com

  • 構建時渲染:服務端組件可以在應用構建時運行,生成靜態的UI,這對于SEO和首屏加載性能有好處。nUb28資訊網——每日最新資訊28at.com

  • 簡化客戶端:通過在服務端處理復雜的數據處理邏輯,可以減少客戶端的負擔,使得客戶端只接收并顯示必要的UI數據。nUb28資訊網——每日最新資訊28at.com

可以參見 Dan Abramov 的博客文章:https://overreacted.io/the-two-reacts/。nUb28資訊網——每日最新資訊28at.com

本文鏈接:http://www.tebozhan.com/showinfo-26-88740-0.html怪不得這么多人學 React!

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 一招教你解決頁面中關聯id的轉換

下一篇: 美團面試:如何實現線程任務編排?

標簽:
  • 熱門焦點
Top