大家好，我是若川。持續(xù)組織了8個(gè)月源碼共讀活動(dòng)，感興趣的可以點(diǎn)此加我微信 ruochuan12?參與，每周大家一起學(xué)習(xí)200行左右的源碼，共同進(jìn)步。同時(shí)極力推薦訂閱我寫的《學(xué)習(xí)源碼整體架構(gòu)系列》?包含20余篇源碼文章。歷史面試系列

---

2022年3月29號(hào)，React18正式版發(fā)布。

從v16開始，React團(tuán)隊(duì)就在普及并發(fā)的概念。在v18的迭代過(guò)程中（alpha、Beta、RC），也一直在科普并發(fā)特性，所以正式版發(fā)布時(shí)，已經(jīng)沒有什么新鮮特性。

本文主要講解v18發(fā)布日志中透露的一些未來(lái)發(fā)展趨勢(shì)。

開發(fā)者可能并不會(huì)接觸到并發(fā)特性

React對(duì)增加API是很慎重的。從13年誕生至今，觸發(fā)更新的方式都是this.setState。

而引入并發(fā)概念后，光是與并發(fā)相關(guān)的API就有好幾個(gè)，比如：

• useTransition

• useDeferredValue

甚至出現(xiàn)了為并發(fā)兜底的API（即并發(fā)情況下，不使用這些API可能會(huì)出bug），比如：

• useSyncExternalStore

• useInsertionEffect

一下多出這么多API，還不是像useState這種不使用不行的API，況且，并發(fā)這一特性對(duì)于多數(shù)前端開發(fā)者都有些陌生。

你可以代入自己的業(yè)務(wù)想想，讓開發(fā)者上手使用并發(fā)特性有多難。

所以，在未來(lái)用v18開發(fā)的應(yīng)用，「開發(fā)者可能并不會(huì)接觸到并發(fā)特性」。這些特性更可能是由各種庫(kù)封裝好的。

比如：startTransition可以讓用戶在不同視圖間切換的同時(shí)，不阻塞用戶輸入。

這一API很可能會(huì)由各種Router實(shí)現(xiàn)，再作為一個(gè)配置項(xiàng)開放給開發(fā)者。

萬(wàn)物皆可Suspense

對(duì)于React來(lái)說(shuō)，有兩類瓶頸需要解決：

• CPU的瓶頸，如大計(jì)算量的操作導(dǎo)致頁(yè)面卡頓

• IO的瓶頸，如請(qǐng)求服務(wù)端數(shù)據(jù)時(shí)的等待時(shí)間

其中CPU的瓶頸通過(guò)并發(fā)特性的優(yōu)先級(jí)中斷機(jī)制解決。

IO的瓶頸則交給Suspense解決。

所以，未來(lái)一切與IO相關(guān)的操作，都會(huì)收斂到Suspense這一解決方案內(nèi)。

從最初的React.lazy到如今仍在開發(fā)中的Server Components，最終萬(wàn)物皆可Suspense。

這其中有些邏輯是很復(fù)雜的，比如：

• Server Components

• 新的服務(wù)端渲染方案

所以，這些操作不大可能是直接面向開發(fā)者的。

這又回到了上一條，這些操作會(huì)交由各種庫(kù)實(shí)現(xiàn)。如果復(fù)雜度更高，則會(huì)交由基于React封裝的框架實(shí)現(xiàn)，比如Next.js、Remix。

這也是為什么React團(tuán)隊(duì)核心人物Sebastian會(huì)加入Next.js。

可以說(shuō)，React未來(lái)的定位是：一個(gè)前端底層操作系統(tǒng)，足夠復(fù)雜，一般開發(fā)者慎用。

而開發(fā)者使用的是「基于該操作系統(tǒng)實(shí)現(xiàn)的各種上層應(yīng)用」。

總結(jié)

如果說(shuō)v16之前各種React Like庫(kù)還能靠體積、性能優(yōu)勢(shì)分走React部分蛋糕，那未來(lái)兩者走的完全是兩條賽道，因?yàn)閮烧叩纳鷳B(tài)不再兼容。

未來(lái)不再會(huì)有React全家桶的概念，桶里的各個(gè)部件最終會(huì)淪為更大的框架中的一個(gè)小模塊。

當(dāng)前你們業(yè)務(wù)里是直接使用React呢，還是使用各種框架（比如Next.js）？

·················?若川簡(jiǎn)介?·················

你好，我是若川，畢業(yè)于江西高校。現(xiàn)在是一名前端開發(fā)“工程師”。寫有《學(xué)習(xí)源碼整體架構(gòu)系列》20余篇，在知乎、掘金收獲超百萬(wàn)閱讀。
從2014年起，每年都會(huì)寫一篇年度總結(jié)，已經(jīng)堅(jiān)持寫了8年，點(diǎn)擊查看年度總結(jié)。
同時(shí)，最近組織了源碼共讀活動(dòng)，幫助3000+前端人學(xué)會(huì)看源碼。公眾號(hào)愿景：幫助5年內(nèi)前端人走向前列。

掃碼加我微信 ruochuan02、拉你進(jìn)源碼共讀群

今日話題

略。分享、收藏、點(diǎn)贊、在看我的文章就是對(duì)我最大的支持~

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的【热点】React18正式版发布，未来发展趋势是？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。