我們關(guān)注2024年的五個(gè)Web開(kāi)發(fā)趨勢(shì)，包括前端開(kāi)發(fā)者回歸簡(jiǎn)潔性、AI代碼工具、Web組件等等。

譯自Web Development Trends in 2024: A Shift Back to Simplicity，作者 Richard MacManus。

過(guò)去一年，Web開(kāi)發(fā)的特點(diǎn)是回歸構(gòu)建網(wǎng)站或Web應(yīng)用程序的更簡(jiǎn)單方法。部分原因是對(duì)JavaScript框架（尤其是基于React的框架）日益增長(zhǎng)的復(fù)雜性的反應(yīng)。像Astro和Eleventy這樣的更簡(jiǎn)單的選項(xiàng)在2024年變得越來(lái)越流行，導(dǎo)致一些人（好吧，至少是我）認(rèn)為我們正在接近后React時(shí)代。

當(dāng)然，并非每個(gè)Web開(kāi)發(fā)者都愿意放棄React——而2024年關(guān)于Web組件的大討論充分證明了這一點(diǎn)。

簡(jiǎn)化開(kāi)發(fā)也是AI集成到開(kāi)發(fā)工具的副產(chǎn)品，這使得即使是經(jīng)驗(yàn)不足的開(kāi)發(fā)者也能輕松應(yīng)對(duì)復(fù)雜的編碼問(wèn)題。也就是說(shuō)，AI也有其自身的問(wèn)題——特別是Web發(fā)布者和運(yùn)營(yíng)商在今年遭受了AI接管的困擾。

因此，讓我們深入探討一下2024年的五個(gè)Web開(kāi)發(fā)趨勢(shì)。

1. 更簡(jiǎn)潔的Web框架興起

1月份，Netlify首席執(zhí)行官在TheJam.dev大會(huì)上告訴與會(huì)者，Jamstack需要減少?gòu)?fù)雜性，再次變得簡(jiǎn)單。他表示，Jamstack工具和流程在過(guò)去幾年變得更加復(fù)雜。他指出，當(dāng)混合架構(gòu)開(kāi)始滲透到Jamstack時(shí)，這一點(diǎn)變得顯而易見(jiàn)——當(dāng)存在客戶(hù)端和服務(wù)器端編程的混合時(shí)。

談到了“走向簡(jiǎn)潔的兩條路徑”。第一條路徑是他所謂的“預(yù)烘焙Jamstack”，這意味著使用構(gòu)建工具將內(nèi)容發(fā)送到CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）。這基本上是Jamstack最初的愿景，在混合方法接管之前。根據(jù)的說(shuō)法，第二條走向簡(jiǎn)潔的路徑是“擁抱服務(wù)器端渲染”（SSR）。他推薦Astro和Remix作為簡(jiǎn)化開(kāi)發(fā)的兩個(gè)優(yōu)秀框架。

Astro無(wú)疑是今年最流行的Web框架之一。其最突出的特點(diǎn)之一是它不像其他流行框架那樣使用大量的JavaScript。它具有“默認(rèn)情況下零JS”——這意味著Astro組件不會(huì)在客戶(hù)端渲染，而是“在構(gòu)建時(shí)或按需使用服務(wù)器端渲染（SSR）渲染到HTML”。

Astro提供了一種“回歸基礎(chǔ)”的Web開(kāi)發(fā)方法，讓人想起早期的Web 2.0框架，如Ruby on Rails和Django，它們也是服務(wù)器端渲染的。

需要注意的是，Astro最初是一個(gè)靜態(tài)網(wǎng)站生成器（SSG），但現(xiàn)在已經(jīng)超越了這一點(diǎn)。但是對(duì)于大多數(shù)網(wǎng)站或Web應(yīng)用程序來(lái)說(shuō)，一個(gè)SSG——例如Eleventy或Nue——已經(jīng)足夠了。

還值得一提的是Vue作為另一個(gè)不錯(cuò)的選擇。與Astro一樣，它并沒(méi)有試圖將所有內(nèi)容都塞進(jìn)JavaScript——盡管如果您需要，高級(jí)JavaScript也是可用的。這種簡(jiǎn)單優(yōu)先的Web開(kāi)發(fā)方法正在獲得越來(lái)越多的關(guān)注，我預(yù)計(jì)這種趨勢(shì)將在2025年繼續(xù)下去。

2. 后React時(shí)代

2024年恰逢React十周年。在7月份的一篇文章中，我回顧了React的傳承及其在Web開(kāi)發(fā)領(lǐng)域中的現(xiàn)狀。我得出結(jié)論，盡管它有巧妙的創(chuàng)新——特別是它的“虛擬DOM”方法——但它已經(jīng)變得過(guò)于復(fù)雜。

我使用術(shù)語(yǔ)“后React”多少有些戲謔的意味，因?yàn)镽eact——以及Next.js等相關(guān)框架——仍然非常流行。但是，有一種感覺(jué)是，開(kāi)發(fā)人員現(xiàn)在可以選擇可行的替代方法。上面提到的Astro和Svelte都沒(méi)有使用虛擬DOM方法，因此開(kāi)發(fā)人員現(xiàn)在可以選擇不依賴(lài)React的Web框架（盡管Astro仍然可以選擇React）。

此外，較新的React特性，例如React服務(wù)器組件，已在Web社區(qū)中引發(fā)大量爭(zhēng)論。Angular框架的創(chuàng)建者之一，現(xiàn)任Cloudflare工程高級(jí)總監(jiān)的Igor Minar甚至斷言：“對(duì)我來(lái)說(shuō)很清楚的一點(diǎn)是，React服務(wù)器組件將會(huì)摧毀React?！?/span>

3. Web組件的愛(ài)與恨

一些工程團(tuán)隊(duì)正在放棄React，并開(kāi)始使用更多原生Web方法?！癏TML優(yōu)先”方法就是Microsoft Edge瀏覽器團(tuán)隊(duì)正在采用的方法，微軟工程師Alex Russell將其描述為“現(xiàn)代Web組件+HTML優(yōu)先架構(gòu)”。

五月底，微軟發(fā)布了WebUI 2.0，“這是一種全新的標(biāo)記優(yōu)先架構(gòu)，它最大限度地減少了代碼包的大小以及UI初始化路徑中運(yùn)行的JavaScript代碼量?！?/span>

更少的JavaScript意味著更小的占用空間，這轉(zhuǎn)化為用戶(hù)更快的Web體驗(yàn)。其他規(guī)模較小的開(kāi)發(fā)團(tuán)隊(duì)也采用了類(lèi)似的方法。六月，我采訪(fǎng)了一家名為Eukleia的瑞士IT公司的高級(jí)開(kāi)發(fā)人員，該公司正在構(gòu)建一個(gè)名為Mindsapp的定制開(kāi)發(fā)工具。該公司通過(guò)從React遷移到現(xiàn)代Web技術(shù)（包括Web組件）簡(jiǎn)化了其應(yīng)用程序，從而大大縮短了用戶(hù)的加載時(shí)間。

這一切都很好，但是許多開(kāi)發(fā)人員不喜歡使用Web組件。十月，SolidJS JavaScript框架的創(chuàng)建者Ryan Carniato發(fā)表了一篇博文，標(biāo)題具有挑釁性，《Web組件并非未來(lái)》?；旧希恼擖c(diǎn)是，像SolidJS這樣的框架在某些情況下能夠比Web組件做得更多，并且更容易實(shí)現(xiàn)。他將Web組件斥為“徹頭徹尾的妥協(xié)”。

針對(duì)Carniato的觀(guān)點(diǎn)，Shoelace的創(chuàng)建者Cory LaViska認(rèn)為Web組件提供了穩(wěn)定性和互操作性。LaViska還指出，Web組件并非執(zhí)行框架組件的所有功能，“因?yàn)樗鼈兪腔ゲ僮髟氐妮^低級(jí)別實(shí)現(xiàn)”。

像往常一樣，社交媒體戰(zhàn)場(chǎng)上并沒(méi)有改變?nèi)魏稳说南敕ā?/span>

4. 無(wú)處不在的AI

如果不提及生成式AI幾乎壓倒一切的影響，那么對(duì)2024年科技的回顧就不完整。

今年對(duì)于開(kāi)發(fā)人員來(lái)說(shuō)，AI被集成到開(kāi)發(fā)人員的核心工具（IDE）中，而創(chuàng)建“AI代理”的新技術(shù)則出現(xiàn)在LangChain和LlamaIndex等輔助工具中?？捎玫拇笮驼Z(yǔ)言模型類(lèi)型也變得更加多樣化，小型模型和本地開(kāi)發(fā)能力尤其受到開(kāi)發(fā)人員的關(guān)注。

AI輔助編碼今年對(duì)開(kāi)發(fā)人員的影響最大。“這是我在軟件工程整個(gè)職業(yè)生涯中看到發(fā)展速度最快的領(lǐng)域之一，”SingleStore的Madhukar Kumar最近告訴The New Stack?！拔覀兛吹叫碌墓ぞ?、IDE和全棧開(kāi)發(fā)平臺(tái)取代了幾個(gè)月前很流行的IDE（例如GitHub Copilot）。對(duì)于開(kāi)發(fā)人員來(lái)說(shuō)，最大的挑戰(zhàn)將是如何跟上這些變化，并不斷調(diào)整他們的工作流程以適應(yīng)他們的經(jīng)驗(yàn)水平和他們正在構(gòu)建的內(nèi)容，而不會(huì)產(chǎn)生‘新IDE疲勞癥’。”

請(qǐng)參閱我上周的年度總結(jié)，以更深入地了解2024年的AI工程趨勢(shì)。

5. Web發(fā)布的虛無(wú)主義

對(duì)于Web發(fā)布者和運(yùn)營(yíng)商來(lái)說(shuō)，這是特別壓力重重的一年，他們不僅要應(yīng)對(duì)AI的侵蝕，還要應(yīng)對(duì)全球最大的開(kāi)源Web發(fā)布社區(qū)的一場(chǎng)重大風(fēng)波。當(dāng)WordPress的共同創(chuàng)建者M(jìn)att Mullenweg和WordPress供應(yīng)商WP Engine發(fā)生法律糾紛時(shí)，這促使許多運(yùn)營(yíng)商尋找WordPress的替代方案。

到年底，谷歌AI概述（AIO）——谷歌的AI引擎試圖在搜索結(jié)果頁(yè)面頂部回答您的查詢(xún)——已在100多個(gè)國(guó)家/地區(qū)上線(xiàn)。然而，評(píng)估其影響仍然很困難。您的網(wǎng)站在A(yíng)IO中出現(xiàn)的頻率如何？您的引用鏈接在A(yíng)IO中被點(diǎn)擊了多少次？SEO公司BrightEdge的Jim Yu告訴我們[AIO就像“增強(qiáng)版的零點(diǎn)擊快速答案”]——這意味著人們并不一定會(huì)點(diǎn)擊引用鏈接。他說(shuō)，AIO可能會(huì)降低點(diǎn)擊率，因?yàn)樗腁I摘要旨在直接回答查詢(xún)。

Drupal創(chuàng)建者Dries Buytaert在另一個(gè)TNS采訪(fǎng)中[為出版商提供了一些希望]。“你必須提供超越ChatGPT所能提供的價(jià)值，這樣人們?nèi)匀挥袆?dòng)力訪(fǎng)問(wèn)你的網(wǎng)站，”他在二月份說(shuō)道?！澳敲茨阍撊绾巫龅侥?？通過(guò)提供更好的內(nèi)容——更好的內(nèi)容可能是個(gè)性化內(nèi)容，或者……也可能是更多內(nèi)容放在……不一定是付費(fèi)墻后面，而是門(mén)檻后面。你知道，也許你需要注冊(cè)才能獲得內(nèi)容。”

結(jié)論

網(wǎng)絡(luò)開(kāi)發(fā)中事情從來(lái)都不簡(jiǎn)單，但至少已經(jīng)開(kāi)始擺脫React的復(fù)雜性。讓我們希望這種情況在2025年繼續(xù)下去。與此同時(shí)，人工智能的進(jìn)步和網(wǎng)絡(luò)出版軟件持續(xù)的動(dòng)蕩，預(yù)示著新的一年對(duì)許多網(wǎng)絡(luò)從業(yè)者來(lái)說(shuō)將是一個(gè)動(dòng)蕩的開(kāi)始。