能 Web 應(yīng)用程序。

查看其搜索趨勢??

您可以看到搜索趨勢上的峰值。

圖片

查看Next.js搜索詞

那時(shí) React 在做什么？

供您參考：React 由 Meta 的軟件工程師 Jordan Walke 創(chuàng)建，他發(fā)布了 React 的早期原型稱為 “FaxJS”。他受到了 XHP 的影響，XHP 是用于 PHP 的 HTML 組件庫。它首次在 2011 年部署在 Facebook 的新聞源上，然后在2012年部署在 Instagram 上。它在 2013 年 5 月的 JSConf US 上開源。

每個(gè)人都知道 React 由 Facebook 擁有和管理，而 Facebook 是一家大公司。因此，React 獲得了開發(fā)人員的初步信任（盡管我們中的一些人了解 Facebook ????）。還有一些其他原因，如其對(duì) UI 開發(fā)的新穎方法，React 中的關(guān)鍵概念虛擬 DOM 允許通過最小化對(duì)實(shí)際 DOM 的直接操作來高效更新 UI。

React 推廣了使用可重用組件構(gòu)建 UI 的概念。這種模塊化方法簡化了UI的開發(fā)和維護(hù)，鼓勵(lì)代碼的可重用性和關(guān)注點(diǎn)的分離。

并且，COVID-19 之后，我們都知道大眾是如何涌入技術(shù)領(lǐng)域的。

圖片

查看過去 5 年的 React.js 搜索趨勢

因此，React.js比其他框架更受歡迎的一些原因包括：

• 與其他框架相比，它更容易學(xué)習(xí)。
• 互聯(lián)網(wǎng)上有更多的資源。您可以測試這一點(diǎn)（搜索 React 和 Vue，您將看到差異，互聯(lián)網(wǎng)上關(guān)于 Vue 的內(nèi)容較少）。
• 定期更新。React 的最新版本是 18。
• 強(qiáng)大的社區(qū)支持：React 社區(qū)積極參與、積極支持。社區(qū)通過開源項(xiàng)目、討論和分享最佳實(shí)踐來促進(jìn)庫的增長。
• 被主要公司采用：許多主要公司和流行平臺(tái)，包括 Facebook、Instagram、Airbnb 和 Netflix，都采用了 React 進(jìn)行 UI 開發(fā)。這種高調(diào)的采用展示了 React 在構(gòu)建大型和復(fù)雜應(yīng)用程序方面的可擴(kuò)展性和適用性。
• 更好的開發(fā)者體驗(yàn)：React 注重開發(fā)者體驗(yàn)。諸如熱模塊替換（HMR）之類的功能允許在開發(fā)過程中進(jìn)行即時(shí)代碼更新，使開發(fā)過程更加流暢和高效。

但是為什么 Next.js 吸引了更多關(guān)注？

圖片

您可以輕松看到趨勢差異。

但是，COVID-19 之后，Next.js 的搜索趨勢只有上升。為什么？

正如我們都知道的

適者生存的理論。

Next.js 流行的一個(gè)主要原因是其專注于性能。Next.js 使用服務(wù)器端渲染（SSR）在服務(wù)器上預(yù)渲染頁面，這可以通過減少需要在客戶端執(zhí)行的 JavaScript 數(shù)量來改善性能。這對(duì)于 SEO 特別有益，因?yàn)樗阉饕婵梢愿菀椎厮饕团琶o態(tài)頁面，而不是動(dòng)態(tài)頁面。

Next.js 還支持靜態(tài)站點(diǎn)生成（SSG），允許您提前生成整個(gè)網(wǎng)站并從CDN提供。這可以進(jìn)一步提高 SEO，使您的頁面加載速度更快，更容易讓搜索引擎訪問。

除了性能優(yōu)勢外，Next.js 還提供了一些功能，可以使構(gòu)建復(fù)雜Web應(yīng)用程序變得更加容易。這些功能包括：

• 路由：Next.js 提供強(qiáng)大的路由系統(tǒng)，使創(chuàng)建和管理復(fù)雜的頁面布局變得容易。
• 數(shù)據(jù)獲?。篘ext.js 可以輕松從各種源（包括 API、MongoDB 和 MySQL）獲取數(shù)據(jù)。
• 國際化：Next.js 支持國際化，使構(gòu)建多語言網(wǎng)站變得容易。
• 安全性：Next.js 注重安全性，并包括 CSRF 保護(hù)和 HSTS 等功能。

Next.js 還擁有一個(gè)龐大且活躍的開發(fā)者社區(qū)，他們不斷為框架提供貢獻(xiàn)并提供支持。這使得在需要幫助時(shí)很容易找到幫助。

最后，Next.js 由 Vercel 開發(fā)和維護(hù)，這是一家提供部署和托管 Next.js 應(yīng)用程序的平臺(tái)的公司。這使得開始使用 Next.js 并隨著應(yīng)用程序的增長進(jìn)行擴(kuò)展變得容易。

這家公司專注于改善 React.js 存在缺陷的方面，只是改進(jìn)并填補(bǔ)了這些差距（例如 Svelte 等）。他們積極引入新的更新和功能

但是，這里的主要觀點(diǎn)是，React 遠(yuǎn)未停用。許多開發(fā)人員，包括資深開發(fā)人員，繼續(xù)使用純粹的 React，因?yàn)樗呀?jīng)被證明具有可靠性，并且被廣泛采用。此外，Next.js 是建立在 React 的基礎(chǔ)之上的，展示了 React 的持久重要性。這種協(xié)同作用確保 React 可能會(huì)在可預(yù)見的未來，大約在接下來的 3-5 年內(nèi)，仍然是 Web 開發(fā)領(lǐng)域的基石。雖然 Next.js 提供了強(qiáng)大的增強(qiáng)功能，但 React 的多功能性和強(qiáng)大的社區(qū)支持，以及其不斷更新和業(yè)界的信任，表明它仍然具有持續(xù)的重要性，可以抵御快速替代。

正文完結(jié)～

原文鏈接：https://levelup.gitconnected.com/why-developers-are-switching-towards-next-js-c97ed7178a5d
作者：Prince Gupta
譯者：編程界

這里筆者認(rèn)為 Next.js 優(yōu)點(diǎn)不止在于此，在當(dāng)前流行的前后端分離大背景下在 Next.js 框架中你又可以看到前后端代碼又融合到了一起，但和原先 PHP 這種前后端一體方式存在了很大的區(qū)別，這里面有幾個(gè)重要的概念：Server Component、Server Actions，同時(shí)支持多個(gè)運(yùn)行時(shí) Node.js 和 Edge，這些內(nèi)容后面后續(xù)介紹。