2023 年度 JavaScript 框架和技術排行榜

語言: CN / TW / HK
時間 2023-03-17 10:15:07
主題:

本文首發於微信公眾號：大遷世界, 我的微信：qq449245884，我會第一時間和你分享前端行業趨勢，學習途徑等等。 更多開源作品請看 GitHub http://github.com/qq449245884/xiaozhi ，包含一線大廠面試完整考點、資料以及我的系列文章。

簡而言之：JavaScript + React + Redux 仍然佔據主導地位。搭配 Next.js 和 Vercel 最佳。AI 正在迅速發展，Web3 的增長也很強勁。

過去一年發生了很多變化，讓人感到一切都準備好被顛覆，但儘管是我見過的最具顛覆性的一年，今年的框架生態系統最大的驚喜是，它幾乎沒有什麼變化。

雖然有很多新玩家進入市場（歡呼 SolidJS），但去年的大贏家仍然在今年佔據主導地位，在就業市場上似乎沒有讓位的跡象（有數據支持）。

那麼有什麼變化呢？

AI 加速開發者

當我在2020年首次對 GPT-3 進行視頻採訪時，很少有人相信它真正理解了什麼，更不用説它能生成有用的代碼了。

快進到今天——如果開發者不使用像 Copilot 這樣的 AI 工具，或者不使用 ChatGPT 對代碼進行問題、錯誤和建議的審核，他們已經處於極大的劣勢中了。

GitHub 進行了一項測試，探索 AI 開發工具（特別是 GitHub Copilot）對開發者生產力的影響，結果非常有趣。在95名開發者參加的測試中，45名使用了 Copilot 的開發者用時比沒有使用 Copilot 的開發者少了55％。

image.png

ChatGPT 改變了遊戲規則

2022年11月，OpenAI 推出了 ChatGPT，成為歷史上增長最快的應用之一。一週內就有超過100萬用户，到了1月份，用户數量已經達到了1億。

image.png

我大約十年前曾經是一個自然語言 AI 項目的技術負責人，即便那時我也意識到它有可能顛覆每一個行業。自2015年以來，我一直在本博客上寫關於它的文章，預示着即將到來的潮汐浪潮，它在2020年掀起了浪潮，並已經波及到技術的每個方面。今天，這種變革已經成為全球現實。以 AI 為先的工具在規模上證明了它們的價值，而且它們不再僅限於超級富豪手中。

在2023年，會有更多的以 AI 為先的工具推出。嵌入模型的強大能力將在諸如智能聊天機器人和可以從整個代碼庫中提供洞察力的代碼協助工具等方面悄然引發革命。如果你認為 ChatGPT 和 Codex 已經很酷了，那麼相信我：你還沒有看到更厲害的東西。

JavaScript 仍然佔據主導地位

JavaScript 仍然是 GitHub 上最常用的語言，緊隨其後的是 Python，部分原因是 AI 革命的推動。

image.png

如今，JavaScript 是一門成熟的編程語言，擁有世界上最大的開源模塊生態系統。

image.png

前端框架

React 佔據主導地位，Angular 在就業需求方面表現不錯，但在開發者滿意度方面表現欠佳。其他框架遠遠落後。

今年，我們看到了一些新的前端框架。我不打算告訴你哪一個最好，只會告訴你哪一個在2023年的就業市場上需求旺盛。我嘗試收集以下框架的數據：

  • React
  • Angular
  • Vue.js
  • Svelte
  • SolidJS

就業市場

根據 Indeed.com 的數據，React 在提到任何前端框架的所有招聘中被提及的比例超過57％，排名第一；Angular 排名第二，佔32.5％。

image.png

搜索興趣

image.png

下載量

image.png

用户滿意度

The State of JavaScript 2022 調查了關於常見 JavaScript 技術的“你會再次使用它嗎？”的問題。以下是幾個流行框架的結果。Next.js、Svelte 和 React 得分很高，Vue.js 得到及格分數。Angular 和 Gatsby 還有很大的提升空間，其他選項的數據不可用。

image.png

狀態管理

Redux 仍然佔據前端狀態管理的絕對領先地位，沒有其他替代品可以媲美。

image.png

對於主要在服務器上管理狀態的系統，像 React Query 和 RTK Query 這樣的工具已經獲得了一些動力，而 GraphQL 仍然是靈活查詢後端數據服務的好方法。

對於客户端狀態，Redux 仍然領先一步，擁有前兩個最佳位置。理由很簡單：Redux 提供了確定性、事務性狀態管理，並且仍然擁有最好的中間件生態系統。不喜歡樣板文件？看看 Autodux、Redux Toolkit 等工具。對於某些用例，Zustand 和 Jotai 等替代品可能值得一試，而 recoil 可能是一個很好的選擇，如果您的 UI 需要進行數千或數十萬個元素的原子更新。

全棧框架

這些框架涵蓋了服務器和客户端，通常具有出色的部署自動化功能。簡而言之：Next.js 佔據舒適的領先地位，但 Nest.js 在第二名上也表現得很不錯。如果您喜歡更功能化的方法以及對神奇的開發人員體驗和部署自動化的關注，那麼 Next.js 是一個安全的選擇。

我喜歡告訴人們，使用 Next.js 和 Vercel 就像僱傭了世界上最好的 DevOps 團隊，只是不需要支付他們的薪水，反而還能省錢。在我看來，這仍然是最好的選擇。

image.png

Web3

Web3 和加密貨幣的增長和採用仍然很強。以太坊和 EVM L2s 和側鏈以 10 倍的開發者吸引力和交易量佔據主導地位。

儘管處於熊市，但加密貨幣基金仍計劃在2023年投資數十億美元的 Web3。例如，a16z 在2022年宣佈了他們的 45 億美元的第 4 個基金，繼續加大對加密貨幣的投資。

在2020年，DeFi 是 Web3 中的大故事和使用驅動力，但自2021年以來，它的地位已被稱為 NFT 的數字資產所取代，代表着從視頻遊戲道具到藝術品和音樂的可證明稀缺性和所有權。以下是過去30天中各個區塊鏈在NFT體積方面的排名：

image.png

默認安全

2018年，Chrome 宣佈將開始將 HTTP 網站標記為“不安全”。自那時以來，安全默認只變得更加重要。

但是我們習慣於在應用程序中生成的 ID 中泄漏信息。這可能會導致各種安全問題和用户隱私侵犯。十多年前，我擔心標識符衝突，並創建了一個 ID 標準來防止它們，該標準自此以來一直幫助激發 UUID V6-V8。

但是 Cuid 的第一個版本不是不透明的。它泄漏信息，包括確切的 ID 創建時間、主機指紋和會話計數器。為了解決這個問題，我最近宣佈了 Cuid2。今天，應用程序開發人員應該使用不透明的 ID 生成器，而不是可排序的 ID。

總結

該篇文章介紹了2023年最受歡迎的JavaScript框架和技術。作者預測Vue.js將在未來幾年內繼續增長，成為最受歡迎的框架。React.js也將繼續保持強勁的勢頭。作者還介紹了其他流行的框架，如Angular和Ember。

作者還討論了一些新興技術，如WebAssembly，它可以將C++等其他語言編譯成Web應用程序，並提高Web應用程序的性能。作者還介紹了GraphQL，它是一種新的數據查詢語言，可用於構建更靈活和高效的API。

文章提到了移動應用程序開發方面的新興技術，如React Native和Ionic。作者還介紹了一些工具和庫，如Parcel和Redux Toolkit，可用於簡化開發流程。

總之，這篇文章提供了對2023年前端技術趨勢的有用見解，並可以幫助前端開發人員保持對新技術的瞭解和掌握。

代碼部署後可能存在的BUG沒法實時知道，事後為了解決這些BUG，花了大量的時間進行log 調試，這邊順便給大家推薦一個好用的BUG監控工具 Fundebug。

原文：http://medium.com/javascript-scene/top-javascript-frameworks-and-technology-2023-4e4a06d6be93

交流

有夢想，有乾貨，微信搜索 【大遷世界】 關注這個在凌晨還在刷碗的刷碗智。

本文 GitHub http://github.com/qq449245884/xiaozhi 已收錄，有一線大廠面試完整考點、資料以及我的系列文章。

「」