本文作者 Fran?ois Zaninotto 是資深 React 開發(fā)者,在看到 React 官方開始推廣服務(wù)器組件后,他對此表示擔(dān)憂,因?yàn)檫@會讓現(xiàn)有的很多寫法都失效。
文章討論了 React 和 Next.js 團(tuán)隊(duì)最近推廣的服務(wù)器組件,這種新的構(gòu)建 Web 應(yīng)用程序的方式與大多數(shù)現(xiàn)有的 React 應(yīng)用程序不符。
因此,作者提出了一個問題:這種變化是否像 Angular.js 轉(zhuǎn)向 Angular 2 一樣大?React 是否正在經(jīng)歷類似于 Angular.js 的階段?
文章指出,React 的核心仍然是一個視圖庫,這一點(diǎn)沒有改變:使用 React 服務(wù)器組件,您仍然可以使用 JSX 構(gòu)建組件,并渲染作為 props 傳遞的動態(tài)內(nèi)容。但是,除此之外,服務(wù)器組件中的所有其他內(nèi)容都發(fā)生了變化。數(shù)據(jù)獲取不再依賴于 useEffect 或 react-query;相反,開發(fā)者應(yīng)該在異步組件中使用 fetch。
作者認(rèn)為,React 團(tuán)隊(duì)對 fetch 函數(shù)進(jìn)行了增強(qiáng),以提供自動請求去重。這是必要的,因?yàn)槿绻枰诮M件樹的更深處訪問獲取的數(shù)據(jù),則不能將其放置在 React Context 中,因?yàn)?useContext 在服務(wù)器組件中被禁用。
因此,在組件樹的不同位置訪問相同獲取的數(shù)據(jù)的推薦方法是重新獲取它,并依賴于 React 進(jìn)行去重。此 fetch 函數(shù)還默認(rèn)緩存數(shù)據(jù),而不管響應(yīng)緩存標(biāo)頭如何。
聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。
舉報(bào)投訴
-
函數(shù)
-
應(yīng)用程序
-
angular
原文標(biāo)題:React正在經(jīng)歷Angular.js的時刻嗎?
文章出處:【微信號:OSC開源社區(qū),微信公眾號:OSC開源社區(qū)】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。
相關(guān)推薦
,angular.js等一個或多個開發(fā);7.良好的溝通與表達(dá)能力、思路清晰,較強(qiáng)的邏輯分析能力與執(zhí)行力。有意者請聯(lián)系 QQ:371417415或簡歷***至:371417415@qq.com 南京仁獵:025-58859163轉(zhuǎn)分機(jī)801
發(fā)表于 07-20 15:06
從零構(gòu)建React開發(fā)環(huán)境(四)
發(fā)表于 04-01 16:00
1、React優(yōu)勢react適合大型團(tuán)隊(duì)的開發(fā),每個人負(fù)責(zé)自己的組件,開發(fā)完畢之后由react渲染到前端頁面
發(fā)表于 10-27 06:53
遭遇JS的筆記本慘痛維修經(jīng)歷
一早以前的舊同事托朋友拿著一臺IBM T21筆記本送到本公司維修,據(jù)舊友了解這本本是從臺灣買回來的那時候買的時候
發(fā)表于 01-25 10:21
?706次閱讀
從一個實(shí)戰(zhàn)項(xiàng)目來看一下React Native開發(fā)的幾個關(guān)鍵技術(shù)點(diǎn)2017-08-31 17:20 在進(jìn)行了2個星期的基礎(chǔ)學(xué)習(xí)(Flexbox, React.js, JSX, Java)之后,想通
發(fā)表于 09-25 10:04
?0次下載
比較火爆的Hybird和react-native也是對我們移動端的影響比較大,比如去面試會問你會nodej或者react不,前端工程師(js)轉(zhuǎn)移動端的門檻變得很低,angularjs和reactjs都很不錯,并且6月底阿里開源
發(fā)表于 10-10 15:21
?0次下載
這些東西是由前端開發(fā)者開發(fā)出來的,他們使用了 Ionic、Swift、Kotlin、Bootstrap、Angular、Vue、jQuery、React.js 等開發(fā)技術(shù)。后面我們會更多地介紹這些開發(fā)技術(shù)。
發(fā)表于 01-30 11:47
?5452次閱讀
近年來,Web和移動開發(fā)取得了長足的進(jìn)步。現(xiàn)代web應(yīng)用程序通常是基于Angular、React和Vue.js等強(qiáng)大的JavaScript特性構(gòu)建的。
發(fā)表于 05-05 21:14
?2069次閱讀
為什么 React 不精確監(jiān)聽數(shù)據(jù)變化呢 ?這是因?yàn)?Vue 和 React 設(shè)計(jì)理念上的區(qū)別, Vue 使用的是可變數(shù)據(jù),而React更強(qiáng)調(diào)數(shù)據(jù)的不可變。所以應(yīng)該說沒有好壞之分,Vue更加簡單,而
發(fā)表于 09-15 15:27
?7975次閱讀
react-in-patterns.zip
發(fā)表于 04-19 11:28
?0次下載
./oschina_soft/React-Sight.zip
發(fā)表于 05-18 15:36
?4次下載
./oschina_soft/react-native-windows.zip
發(fā)表于 06-22 10:06
?0次下載
以上代碼描述了React怎么在指定的頁面元素(id為id01的div元素)中改變相應(yīng)的字符串內(nèi)容(從"Hello World!"到"Hello John Doe!")。其中第5行的ReactDOM.render()是React JS
發(fā)表于 07-14 09:32
?908次閱讀
avaScript的用途:可以嵌入到網(wǎng)頁中的編程語言,用來控制瀏覽器的行為。
案例應(yīng)用如下:
利用前后端分離模式進(jìn)行開發(fā),基于React技術(shù)棧開發(fā)的移動Web項(xiàng)目
基于Angular構(gòu)建的響應(yīng)
發(fā)表于 08-20 15:30
?0次下載
在過去的一年里,Angular 團(tuán)隊(duì)刪除了 Angular 的傳統(tǒng)編譯器和渲染管道,因此在過去幾個月里 Angular 改進(jìn)了一系列與開發(fā)者體驗(yàn)相關(guān)的內(nèi)容。Angular v15 則是
發(fā)表于 11-22 17:07
?844次閱讀
評論