日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

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

怪不得這么多人學 React!

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

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

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

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

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

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

React 19 新功能

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

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

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

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

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

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

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

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

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

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

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

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

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

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

React 編譯器開源

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

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

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

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

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

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

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

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

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

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

React Router 與 Remix 合并

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

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

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

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

Remix 是什么?

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

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

兩個 React

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

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

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

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

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

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

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

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

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

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

標簽:
  • 熱門焦點
Top 日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不
欧美日韩午夜| 欧美激情一区二区三区在线视频 | 欧美大片一区| 欧美极品影院| 国产精品萝li| 在线成人h网| 亚洲最黄网站| 午夜在线不卡| 欧美v亚洲v综合ⅴ国产v| 欧美日韩另类综合| 国产精品自在在线| 亚洲国产精品尤物yw在线观看| 日韩午夜免费| 久久久精品国产一区二区三区| 国产日韩欧美在线观看| 在线观看欧美日本| 在线亚洲精品福利网址导航| 久久99伊人| 欧美日本不卡高清| 国产亚洲精品一区二区| 亚洲日韩中文字幕在线播放| 亚洲欧美精品在线观看| 免费在线国产精品| 国产精品日韩专区| 亚洲韩国精品一区| 亚洲欧美日韩国产综合在线 | 欧美日韩三级| 国内精品久久久久久久影视蜜臀 | 久久久www| 欧美日韩一区二区三区在线| 国内精品99| 一区二区三区免费在线观看| 久久精品国产久精国产思思| 欧美日本在线| 狠狠色综合一区二区| 亚洲少妇自拍| 免费毛片一区二区三区久久久| 国产精品剧情在线亚洲| 亚洲区国产区| 久久三级福利| 国产精品久久福利| 亚洲激情午夜| 久久精品噜噜噜成人av农村| 欧美午夜无遮挡| 亚洲精品亚洲人成人网| 久久久青草婷婷精品综合日韩 | 欧美精品亚洲一区二区在线播放| 国产欧美日韩视频一区二区三区| 亚洲免费高清视频| 久热成人在线视频| 国产亚洲福利一区| 亚洲欧美日韩视频一区| 欧美日韩1区2区3区| 影音先锋成人资源站| 午夜视频一区| 国产精品久久久久久久久久久久久 | **欧美日韩vr在线| 久久国产精品99精品国产| 国产精品啊啊啊| 亚洲免费成人av| 欧美成人免费在线| 在线成人欧美| 久久久青草青青国产亚洲免观| 国产精品视频久久| 亚洲综合欧美| 国产精品国产三级国产a| 99精品国产在热久久下载| 欧美金8天国| 91久久精品www人人做人人爽 | 蜜桃伊人久久| 国产中文一区二区| 欧美一区二区三区四区高清 | 日韩视频国产视频| 欧美高清视频一区二区| 亚洲国产午夜| 久久一区二区三区超碰国产精品| 国产永久精品大片wwwapp| 亚洲欧美日韩直播| 国产精品视频久久久| 亚洲欧美另类在线观看| 国产精品高潮久久| 午夜精品福利一区二区蜜股av| 国产精品美女久久久久av超清| 亚洲在线成人| 国产女人18毛片水18精品| 欧美一级大片在线观看| 国产精品私房写真福利视频 | 欧美精品在线极品| 亚洲精品一区二区三区福利| 欧美a级片网站| 亚洲黄一区二区三区| 欧美福利电影网| 亚洲毛片一区| 欧美视频在线观看 亚洲欧| 一区二区欧美日韩| 欧美香蕉视频| 香蕉精品999视频一区二区| 国产深夜精品福利| 久久精品国产一区二区三区| 精品88久久久久88久久久| 国产亚洲欧美激情| 久久久久久9999| 91久久精品美女| 亚洲国产一区在线| 国产精品久久二区二区| 亚洲欧美在线另类| 亚洲激情精品| 国产欧美欧美| 免费成人毛片| 欧美中文字幕不卡| 日韩一区二区福利| 国产亚洲欧美日韩日本| 免费美女久久99| 久久精品最新地址| 亚洲一区二区三区免费视频| 红桃视频一区| 亚洲黄色三级| 国产精品v欧美精品∨日韩| 欧美日韩一区二区免费视频| 一本色道久久精品| 美女视频黄免费的久久| 亚洲毛片在线免费观看| 在线不卡a资源高清| 在线观看亚洲| 久久成人亚洲| 国产精品色在线| 亚洲网址在线| 国产伪娘ts一区| 欧美高清自拍一区| 亚洲免费视频观看| 狠色狠色综合久久| 欧美日韩亚洲免费| 欧美一区二区在线免费播放| 欧美视频日韩视频在线观看| 久久成人免费电影| 久久xxxx精品视频| 性做久久久久久久久| 亚洲一区二区精品在线观看| 一级成人国产| 亚洲综合色自拍一区| 亚洲精品欧美极品| 亚洲精品之草原avav久久| 一区二区在线视频播放| 国产主播精品| 在线日韩欧美| 亚洲国产日本| 亚洲第一网站免费视频| 在线观看成人网| 亚洲靠逼com| 亚洲免费视频网站| 欧美怡红院视频| 噜噜爱69成人精品| 欧美日韩精品欧美日韩精品 | 亚洲在线视频| 亚洲婷婷综合色高清在线| 欧美在线视频一区二区| 午夜精彩国产免费不卡不顿大片| 亚洲国产精品美女| 国产一区在线看| 亚洲一区影院| 国产午夜精品视频| 久久精品综合一区| 在线成人av网站| 国产精品久久久久影院亚瑟 | 一区二区三区在线免费视频| 国产精品高潮在线| 欧美激情一区二区三区在线| 久久精品一区二区三区不卡| 亚洲私拍自拍| 亚洲三级影片| 尤物在线精品| 国产亚洲一级| 国产精品免费视频xxxx| 欧美日韩三级一区二区| 免费成人高清视频| 久久久久久久久久久久久9999| 亚洲综合色激情五月| 在线视频欧美日韩| 亚洲精品小视频在线观看| 在线免费精品视频| 国产女人水真多18毛片18精品视频| 欧美日韩国产小视频在线观看| 久久综合色播五月| 久久久久久久999| 欧美一区二区日韩| 亚洲欧美在线一区| 亚洲字幕一区二区| 亚洲视频香蕉人妖| 99亚洲一区二区| 亚洲巨乳在线| 亚洲精品乱码久久久久久蜜桃91| 在线日韩av| 在线观看三级视频欧美| 狠狠色丁香婷综合久久| 国产网站欧美日韩免费精品在线观看| 国产精品亚洲网站| 国产精品永久入口久久久| 国产精品一区免费视频| 国产精品久久久久91| 国产精品theporn88| 欧美天堂亚洲电影院在线观看| 欧美日韩一区二区在线| 欧美视频免费看| 国产精品xxxxx|