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

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

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

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

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

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

1. 更簡潔的Web框架興起

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

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

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

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

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

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

2. 后React時代

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

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

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

3. Web組件的愛與恨

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

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

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

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

針對Carniato的觀點，Shoelace的創(chuàng)建者Cory LaViska認(rèn)為Web組件提供了穩(wěn)定性和互操作性。LaViska還指出，Web組件并非執(zhí)行框架組件的所有功能，“因為它們是互操作元素的較低級別實現(xiàn)”。

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

4. 無處不在的AI

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

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

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

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

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

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

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

Drupal創(chuàng)建者Dries Buytaert在另一個TNS采訪中[為出版商提供了一些希望]?！澳惚仨毺峁┏紺hatGPT所能提供的價值，這樣人們?nèi)匀挥袆恿υL問你的網(wǎng)站，”他在二月份說道?！澳敲茨阍撊绾巫龅侥?？通過提供更好的內(nèi)容——更好的內(nèi)容可能是個性化內(nèi)容，或者……也可能是更多內(nèi)容放在……不一定是付費墻后面，而是門檻后面。你知道，也許你需要注冊才能獲得內(nèi)容?！?/span>

結(jié)論

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