2022 年五個前端發(fā)展趨勢

作者：桃翁 2022-01-18 09:01:39

2022 年對于前端開發(fā)者來說將是另一個激動人心的年份。越來越多的平臺和框架繼續(xù)讓我們的生活更加輕松，并為前端用戶提供更多的選擇。然而，我們必須繼續(xù)確保前端社區(qū)更具包容性和支持性。

大家好，我是桃翁。

在知乎上也看到過很多開發(fā)者預(yù)測 2022 的趨勢，由于是開發(fā)者所以在聊趨勢的時(shí)候聊得比較細(xì)，另外可能國內(nèi)的趨勢比較多，這篇文章我覺得更多的是站在一個公司或者一個決策者層面需要關(guān)注的趨勢。

以下是翻譯正文，以及我自己的一些解讀。

我在創(chuàng)建這個前端開發(fā)趨勢列表時(shí)有點(diǎn)害怕——大多數(shù)變化都是增量的，這里的觀察結(jié)果都是已經(jīng)發(fā)生的，并且在 2023 年仍然可能是正確的。你可以看看我們 2021 年的前端預(yù)測[1]，它們?nèi)匀皇峭耆_的。

盡管如此，以下是我們對 2022 年前端發(fā)展趨勢的一些想法。

一、React 保留了它的皇室地位

早在 2021 年 2 月，我寫了一篇關(guān)于 React is king[2]，是前端開發(fā)人員選擇的框架的文章。盡管有人認(rèn)為可能會出現(xiàn)一個更為時(shí)髦的框架并取而代之，但我還是認(rèn)為，這種趨勢還將持續(xù)一段時(shí)間。其中一個主要原因是 React 的適應(yīng)性和實(shí)用性——它可以用于構(gòu)建單頁 web 應(yīng)用程序、本地移動應(yīng)用程序和網(wǎng)站——這使它成為一個非常有用的了解框架。

我預(yù)計(jì) React 將在 2022 年繼續(xù)占據(jù)統(tǒng)治地位; 最新的 Stack Overflow 開發(fā)者調(diào)查[3]在 2021 年中期舉行的確認(rèn) React 作為整個開發(fā)社區(qū)最“想要”的框架，以及第四個最喜歡的。它也是最常用的 web 框架。

我看好 React 的另一個原因是，我希望看到它在接下來的 12 個月里繼續(xù)發(fā)展和改進(jìn)。人們對該框架最常見的抱怨是，它可能會降低網(wǎng)站的速度，使其變得過大(不過，和以往一樣，這一直是爭論的源頭，在前端社區(qū)引發(fā)了 Twitter 風(fēng)暴)。

作為回應(yīng)，我認(rèn)為我們很快就會看到 React Server Components 走出 Beta，這將有助于使網(wǎng)站更小更快，進(jìn)一步支持平臺的普及。

譯者注：React 18 的流式 HTML 和選擇性的 hydration 解決了傳統(tǒng) SSR 的很多問題，比如在展示任何東西之前，必須選虎丘所有東西。

我相信 React 18 會給具有強(qiáng)烈 SSR 要求的框架帶來巨大的競爭力。

二、Next.js 繼續(xù)給人留下深刻印象

Next.js 是一個通用的、非常受歡迎的 React 框架，它還可以提高整個加載時(shí)間，以及搜索引擎優(yōu)化和減少潛在的安全問題。你可以用它來建立網(wǎng)站，使用 JAMStack，開發(fā)在線應(yīng)用程序，甚至創(chuàng)建一個基本的 API。

除了是 Next.JS 的粉絲，我還很欣賞 Vercel ——這個框架背后的公司。Vercel 有一個云平臺，可以減少部署過程中的許多痛苦，這意味著作為一個前端開發(fā)人員，我只需要插入我的 GitHub 存儲庫，它就會自動部署我的站點(diǎn)，而不需要設(shè)置服務(wù)器。

在 2022 年，我預(yù)計(jì)最有力的前端發(fā)展趨勢之一將是 Next.JS 和 Vercel 繼續(xù)不斷壯大。由于 2021 年公司獲得了 2.5 億美元的資金支持，我很高興看到他們在來年能取得什么成就。

通過收購 Turborepo，他們已經(jīng)投入了一些資金用于擴(kuò)展他們的生態(tài)系統(tǒng)。同時(shí)，還有大量的資金投入到 Next.JS 的推廣和開發(fā)中，因此我可以看到越來越多的數(shù)字開發(fā)項(xiàng)目正在收購他們的技術(shù)堆棧。

譯者注：Vercel 這樣的技術(shù)公司對于技術(shù)人員太有吸引力了，React 核心開發(fā)者都有過去了。另外 Next.js 在商業(yè)的角度是非常的成功，擁有很多的特性，而且搭配上 vercel 部署，對 serverless 支持極好，所以我也很看好 Next.js 和 Vercel 的配合。

三、Serverless 架構(gòu)繼續(xù)幫助前端交付較小的項(xiàng)目

一般來說，投入到前端開發(fā)服務(wù)的資金對這個行業(yè)來說是個好消息。像 Vercel 這樣的公司正專注于前端社區(qū)的需求，并通過更好的工具和特性使生活更容易。這

種情況發(fā)生的一種方式是通過使用無服務(wù)器方法，這減少了對后端工作的需求。例如，使用 Serverless API 意味著前端開發(fā)人員不需要依賴后端資源來增加項(xiàng)目預(yù)算和延長上市時(shí)間。

對于較大的項(xiàng)目，您很可能需要專用的前端和后端資源，但無服務(wù)器架構(gòu)對于預(yù)算有限的小型項(xiàng)目是有價(jià)值的，因?yàn)闋I銷團(tuán)隊(duì)正在為他們的網(wǎng)站尋找定制特性和集成。

一個 Serverless 的 API 可以幫助前端進(jìn)行更多的獨(dú)立工作，所以我們可以期待在 2022 年出現(xiàn)更多的 Serverless 選項(xiàng)。

譯者注：Serverless 其實(shí)對于前端開發(fā)者來說是非常有利的一個技術(shù)，讓一個前端開發(fā)者在不懂運(yùn)維，甚至不怎么懂后端的情況下都可以開發(fā)好好用的項(xiàng)目。

四、無頭(Headless) CMS 已經(jīng)成熟，并且越來越受歡迎

Headless 作為一個概念已經(jīng)存在多年，但是也許還沒有像一些人預(yù)測的那樣成為主流。然而，在此期間，無頭 CMS 平臺已經(jīng)日趨成熟。

像 Contentful、 Prismic 和 Sanity 這樣的產(chǎn)品現(xiàn)在已經(jīng)達(dá)到了穩(wěn)定的水平，使得它們成為數(shù)字團(tuán)隊(duì)越來越可行的選擇。

工具現(xiàn)在已經(jīng)非常好了，前端開發(fā)人員將會喜歡在這些平臺上工作是多么簡單。像 Sitecore 這樣更加傳統(tǒng)和單一的數(shù)字體驗(yàn)平臺已經(jīng)引起了人們的注意，并且正在推出他們的無頭 CMS 功能。

或許最重要的是，一些無頭 CMS 供應(yīng)商已經(jīng)獲得了巨額融資，以推動增長—— Contentful 在 2020 年獲得了 8000 萬美元以及 2021 年的 1.75 億美元。

有大量的資金被投入到這個領(lǐng)域，由此產(chǎn)生的投資和營銷力量應(yīng)該看到無頭 cms 的成熟和增長，在整個 2022 年的普及。

譯者注：這段給我啟發(fā)的是關(guān)于作者在看一個技術(shù)是否會成為趨勢，通過了是否資本原因投入進(jìn)來來看的。

五、我們需要繼續(xù)關(guān)于多樣性和福祉的辯論

總的來說，在過去的幾年里，多樣性和包容性的價(jià)值得到了極大的重視。作為一個職業(yè)，我認(rèn)為我們都知道軟件開發(fā)需要在促進(jìn)多樣性和包容性方面做得更好。

如果完成 2021 年 Stack Overflow 開發(fā)調(diào)查的 80,000 多名開發(fā)者代表了整個開發(fā)者社區(qū)，那么我們肯定還有更多的工作要做。91% 為男性。

例如，就整個行業(yè)的種族和民族而言，也有一些令人震驚的事實(shí)——只有 3.4% 的受訪者稱自己是黑人或非洲裔。這可能是一廂情愿的想法，但我對 2022 年前端發(fā)展趨勢的希望之一是，社區(qū)能找到更好的方式來討論我們?nèi)绾卧谡麄€專業(yè)領(lǐng)域改進(jìn) 。

另一個在商界備受關(guān)注的問題是員工福利，尤其是在這種流行病肆虐的情況下。

Stack Overflow 調(diào)查詢問了受訪者的心理健康狀況。在 16000 名受訪者中，10% 的人表示他們患有焦慮癥，9% 的人表示有情緒或情緒障礙，9% 的人表示有注意力或記憶障礙。

員工福利是整個行業(yè)的一個現(xiàn)實(shí)問題，在 2022 年，我希望我們能夠在學(xué)習(xí)如何更好地相互支持方面有所轉(zhuǎn)機(jī)。

譯者注：現(xiàn)在中國也已經(jīng)在整頓互聯(lián)網(wǎng)行業(yè)加班、福利等問題，希望 2022 會更好