為什么開發人員正在轉向 Next.js?
能 Web 應用程序。
查看其搜索趨勢??
您可以看到搜索趨勢上的峰值。
圖片
查看Next.js搜索詞
那時 React 在做什么?
供您參考:React 由 Meta 的軟件工程師 Jordan Walke 創建,他發布了 React 的早期原型稱為 “FaxJS”。他受到了 XHP 的影響,XHP 是用于 PHP 的 HTML 組件庫。它首次在 2011 年部署在 Facebook 的新聞源上,然后在2012年部署在 Instagram 上。它在 2013 年 5 月的 JSConf US 上開源。
每個人都知道 React 由 Facebook 擁有和管理,而 Facebook 是一家大公司。因此,React 獲得了開發人員的初步信任(盡管我們中的一些人了解 Facebook ????)。還有一些其他原因,如其對 UI 開發的新穎方法,React 中的關鍵概念虛擬 DOM 允許通過最小化對實際 DOM 的直接操作來高效更新 UI。
React 推廣了使用可重用組件構建 UI 的概念。這種模塊化方法簡化了UI的開發和維護,鼓勵代碼的可重用性和關注點的分離。
并且,COVID-19 之后,我們都知道大眾是如何涌入技術領域的。
圖片
查看過去 5 年的 React.js 搜索趨勢
因此,React.js比其他框架更受歡迎的一些原因包括:
- 與其他框架相比,它更容易學習。
- 互聯網上有更多的資源。您可以測試這一點(搜索 React 和 Vue,您將看到差異,互聯網上關于 Vue 的內容較少)。
- 定期更新。React 的最新版本是 18。
- 強大的社區支持:React 社區積極參與、積極支持。社區通過開源項目、討論和分享最佳實踐來促進庫的增長。
- 被主要公司采用:許多主要公司和流行平臺,包括 Facebook、Instagram、Airbnb 和 Netflix,都采用了 React 進行 UI 開發。這種高調的采用展示了 React 在構建大型和復雜應用程序方面的可擴展性和適用性。
- 更好的開發者體驗:React 注重開發者體驗。諸如熱模塊替換(HMR)之類的功能允許在開發過程中進行即時代碼更新,使開發過程更加流暢和高效。
但是為什么 Next.js 吸引了更多關注?
圖片
您可以輕松看到趨勢差異。
但是,COVID-19 之后,Next.js 的搜索趨勢只有上升。為什么?
正如我們都知道的
適者生存的理論。
Next.js 流行的一個主要原因是其專注于性能。Next.js 使用服務器端渲染(SSR)在服務器上預渲染頁面,這可以通過減少需要在客戶端執行的 JavaScript 數量來改善性能。這對于 SEO 特別有益,因為搜索引擎可以更容易地索引和排名靜態頁面,而不是動態頁面。
Next.js 還支持靜態站點生成(SSG),允許您提前生成整個網站并從CDN提供。這可以進一步提高 SEO,使您的頁面加載速度更快,更容易讓搜索引擎訪問。
除了性能優勢外,Next.js 還提供了一些功能,可以使構建復雜Web應用程序變得更加容易。這些功能包括:
- 路由:Next.js 提供強大的路由系統,使創建和管理復雜的頁面布局變得容易。
- 數據獲取:Next.js 可以輕松從各種源(包括 API、MongoDB 和 MySQL)獲取數據。
- 國際化:Next.js 支持國際化,使構建多語言網站變得容易。
- 安全性:Next.js 注重安全性,并包括 CSRF 保護和 HSTS 等功能。
Next.js 還擁有一個龐大且活躍的開發者社區,他們不斷為框架提供貢獻并提供支持。這使得在需要幫助時很容易找到幫助。
最后,Next.js 由 Vercel 開發和維護,這是一家提供部署和托管 Next.js 應用程序的平臺的公司。這使得開始使用 Next.js 并隨著應用程序的增長進行擴展變得容易。
這家公司專注于改善 React.js 存在缺陷的方面,只是改進并填補了這些差距(例如 Svelte 等)。他們積極引入新的更新和功能
但是,這里的主要觀點是,React 遠未停用。許多開發人員,包括資深開發人員,繼續使用純粹的 React,因為它已經被證明具有可靠性,并且被廣泛采用。此外,Next.js 是建立在 React 的基礎之上的,展示了 React 的持久重要性。這種協同作用確保 React 可能會在可預見的未來,大約在接下來的 3-5 年內,仍然是 Web 開發領域的基石。雖然 Next.js 提供了強大的增強功能,但 React 的多功能性和強大的社區支持,以及其不斷更新和業界的信任,表明它仍然具有持續的重要性,可以抵御快速替代。
正文完結~
原文鏈接:https://levelup.gitconnected.com/why-developers-are-switching-towards-next-js-c97ed7178a5d
作者:Prince Gupta
譯者:編程界
這里筆者認為 Next.js 優點不止在于此,在當前流行的前后端分離大背景下在 Next.js 框架中你又可以看到前后端代碼又融合到了一起,但和原先 PHP 這種前后端一體方式存在了很大的區別,這里面有幾個重要的概念:Server Component、Server Actions,同時支持多個運行時 Node.js 和 Edge,這些內容后面后續介紹。