精品国产人成在线_亚洲高清无码在线观看_国产在线视频国产永久2021_国产AV综合第一页一个的一区免费影院黑人_最近中文字幕MV高清在线视频

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

React正在經歷Angular.js的時刻嗎?

OSC開源社區 ? 來源:OSC開源社區 ? 2023-07-17 16:27 ? 次閱讀

本文作者 Fran?ois Zaninotto 是資深 React 開發者,在看到 React 官方開始推廣服務器組件后,他對此表示擔憂,因為這會讓現有的很多寫法都失效。

文章討論了 React 和 Next.js 團隊最近推廣的服務器組件,這種新的構建 Web 應用程序的方式與大多數現有的 React 應用程序不符。

因此,作者提出了一個問題:這種變化是否像 Angular.js 轉向 Angular 2 一樣大?React 是否正在經歷類似于 Angular.js 的階段?

fd8628da-23d3-11ee-962d-dac502259ad0.png

fddec904-23d3-11ee-962d-dac502259ad0.png

文章指出,React 的核心仍然是一個視圖庫,這一點沒有改變:使用 React 服務器組件,您仍然可以使用 JSX 構建組件,并渲染作為 props 傳遞的動態內容。但是,除此之外,服務器組件中的所有其他內容都發生了變化。數據獲取不再依賴于 useEffect 或 react-query;相反,開發者應該在異步組件中使用 fetch。

fe3600e8-23d3-11ee-962d-dac502259ad0.png

作者認為,React 團隊對 fetch 函數進行了增強,以提供自動請求去重。這是必要的,因為如果您需要在組件樹的更深處訪問獲取的數據,則不能將其放置在 React Context 中,因為 useContext 在服務器組件中被禁用。

因此,在組件樹的不同位置訪問相同獲取的數據的推薦方法是重新獲取它,并依賴于 React 進行去重。此 fetch 函數還默認緩存數據,而不管響應緩存標頭如何。

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • 函數
    +關注

    關注

    3

    文章

    4304

    瀏覽量

    62427
  • 應用程序
    +關注

    關注

    37

    文章

    3240

    瀏覽量

    57600
  • angular
    +關注

    關注

    0

    文章

    4

    瀏覽量

    3026

原文標題:React正在經歷Angular.js的時刻嗎?

文章出處:【微信號:OSC開源社區,微信公眾號:OSC開源社區】歡迎添加關注!文章轉載請注明出處。

收藏 人收藏

    評論

    相關推薦

    【深圳】誠聘H5開發工程師

    angular.js等一個或多個開發;7.良好的溝通與表達能力、思路清晰,較強的邏輯分析能力與執行力。有意者請聯系 QQ:371417415或簡歷***至:371417415@qq.com 南京仁獵:025-58859163轉分機801
    發表于 07-20 15:06

    優化React開發體驗

    從零構建React開發環境(四)
    發表于 04-01 16:00

    React優勢,react學習筆記分享

    1、React優勢react適合大型團隊的開發,每個人負責自己的組件,開發完畢之后由react渲染到前端頁面
    發表于 10-27 06:53

    遭遇JS的筆記本慘痛維修經歷

    遭遇JS的筆記本慘痛維修經歷 一早以前的舊同事托朋友拿著一臺IBM T21筆記本送到本公司維修,據舊友了解這本本是從臺灣買回來的那時候買的時候
    發表于 01-25 10:21 ?724次閱讀

    安卓轉戰React-Native

    比較火爆的Hybird和react-native也是對我們移動端的影響比較大,比如去面試會問你會nodej或者react不,前端工程師(js)轉移動端的門檻變得很低,angularjs和reactjs都很不錯,并且6月底阿里開源
    發表于 10-10 15:21 ?0次下載
    安卓轉戰<b class='flag-5'>React</b>-Native

    什么是前端開發?前端后端誰為先?

    這些東西是由前端開發者開發出來的,他們使用了 Ionic、Swift、Kotlin、Bootstrap、Angular、Vue、jQuery、React.js 等開發技術。后面我們會更多地介紹這些開發技術。
    的頭像 發表于 01-30 11:47 ?5543次閱讀

    Web項目的最佳平臺選擇

    近年來,Web和移動開發取得了長足的進步。現代web應用程序通常是基于AngularReact和Vue.js等強大的JavaScript特性構建的。
    的頭像 發表于 05-05 21:14 ?2120次閱讀

    詳談 Vue 和 React 的八大區別

    為什么 React 不精確監聽數據變化呢 ?這是因為 Vue 和 React 設計理念上的區別, Vue 使用的是可變數據,而React更強調數據的不可變。所以應該說沒有好壞之分,Vue更加簡單,而
    的頭像 發表于 09-15 15:27 ?8067次閱讀
    詳談 Vue 和 <b class='flag-5'>React</b> 的八大區別

    React-in-patterns React開發設計模式/技術列表

    react-in-patterns.zip
    發表于 04-19 11:28 ?0次下載
    <b class='flag-5'>React</b>-in-patterns <b class='flag-5'>React</b>開發設計模式/技術列表

    React Sight React組件層次可視化工具

    ./oschina_soft/React-Sight.zip
    發表于 05-18 15:36 ?4次下載
    <b class='flag-5'>React</b> Sight <b class='flag-5'>React</b>組件層次可視化工具

    React Native for Windows使用React構建原生Windows應用

    ./oschina_soft/react-native-windows.zip
    發表于 06-22 10:06 ?1次下載
    <b class='flag-5'>React</b> Native for Windows使用<b class='flag-5'>React</b>構建原生Windows應用

    簡要介紹React和Vue

    以上代碼描述了React怎么在指定的頁面元素(id為id01的div元素)中改變相應的字符串內容(從"Hello World!"到"Hello John Doe!")。其中第5行的ReactDOM.render()是React JS
    發表于 07-14 09:32 ?979次閱讀

    JavaScript基礎知識課件

    avaScript的用途:可以嵌入到網頁中的編程語言,用來控制瀏覽器的行為。 案例應用如下: 利用前后端分離模式進行開發,基于React技術棧開發的移動Web項目 基于Angular構建的響應
    發表于 08-20 15:30 ?0次下載

    Angular v15 正式發布

    在過去的一年里,Angular 團隊刪除了 Angular 的傳統編譯器和渲染管道,因此在過去幾個月里 Angular 改進了一系列與開發者體驗相關的內容。Angular v15 則是
    的頭像 發表于 11-22 17:07 ?916次閱讀

    使用SSR構建React應用的步驟

    使用SSR(Server-Side Rendering,服務器端渲染)構建React應用的步驟通常包括以下幾個階段: 一、項目初始化與配置 創建React項目 : 可以使用Create React
    的頭像 發表于 11-18 11:30 ?210次閱讀