17611538698
webmaster@21cto.com

2023 年最流行的 JavaScript 框架与技术

前端 2023年02月22日 09:02:17 0 769

导读:预计JavaScript + React + Redux 仍然以压倒性优势占据主导地位,其与 Next.js 和 Vercel 配合可以获得最佳效果。人工智能技术正在爆炸式增长,Web3 增长强劲。
图片

图片来源:MidJourney


在过去的一年里发生了如此多的变化,感觉一切都趋向成熟,可以进行颠覆,但尽管这是我见过的技术领域最具颠覆性的一年,但今年名单上对我来说最大的惊喜是框架生态系统没有变化。


在技术上有很多新玩家(有人正在向新秀SolidJS大声疾呼),但去年的赢家在今年仍然占据主导地位,而且似乎并没有放弃开发市场上的任何地盘。


那么,它们都改变了什么?


人工智能正在加速开发者


当我在 2020 年看到 GPT-3 的演示视频时,那时很少有人相信它真的能理解什么东西,更不用说它能产生有用的源代码了。


快进到今天。如果每个开发人员不使用像 Copilot 这样的 AI 工具,或者不使用 ChatGPT 检查代码是否存在问题、错误与建议,那么他们自己就已经处于巨大的劣势之中。


GitHub 进行了一项测试,以发现 AI 开发工具(特别是 GitHub Copilot)对开发人员生产力的影响,他们发现非常有趣——在对 95 位开发人员(其中 45 位使用 Copilot)进行的测试中,Copilot 用户的完成时间度比未使用 Copilot 的开发人员减少了 55%。


图片

Copilot 帮助开发人员在 55% 的时间内生成 Web 服务器。资料来源:GitHub 博客


ChatGPT 改变了游戏规则


2022 年 11 月,OpenAI 通过投下 ChatGPT 炸弹,成为历史上增长最快的应用程序之一。


一周之内,ChatGPT 有超过 100 万用户注册使用。到2023年 1 月,它已经坐拥超过 1 亿用户。


图片


人工智能通过 ChatGPT 打破主流。资料来源:谷歌趋势


大约十年前,我担任一个自然语言 AI 项目的技术负责人。即使在当时,我就意识到它有可能颠覆每个行业。自 2015 年以来,我每年都在这个博客上写它,宣传 2020 年即将到来的浪潮,而现在,它正涌入技术的各个方面。今天,这种颠覆性的巨变已成为全球的现实。


人工智能优先(AI-first)工具正在大规模证明其价值,而且它们不再仅掌握在一部分人的手中。


2023 年,将推出更多人工智能优先的工具。嵌入模型的力量将悄悄地酝酿一场革命,例如具有巨型内存的智能聊天机器人和代码辅助工具,这些工具可以从整个代码库中为你提供洞察力。如果你只认为 ChatGPT 和 Codex 很酷,请相信我:你还没有看到任何真相。


JavaScript 仍然位居榜首


JavaScript 仍然是 GitHub 上使用最多的编程语言,紧随其后的是 Python,Python 之所以越来越流行,部分原因是我们刚刚讨论的人工智能革命的推动力。


图片


GitHub 语言流行度排行榜。资料来源:GitHub


今天,JavaScript 已是一种成熟的编程语言,它正拥有世界上最大的开源模块生态系统。


图片


按包存储库 (NPM = JavaScript) 的模块计数。


前端框架

React 正占主导地位。Angular 在工作需求方面名列第二,但在开发人员满意度方面排名较低。

今年,前端市场出现了一些新的前端框架。我当然不会以自我的状态告诉你哪一个是最好的——只有哪一个在 2023 年的就业市场上有强烈的需求和使用。我为以下主流框架收集了数据:


  • React

  • Augular

  • Vue.js

  • Svelte

  • SolidJS


人才市场


根据 Indeed.com 的数据,在就业市场中,超过 57% 的职位列表中都提到精通前端框架,其中 React第一,Angular 以 32.5% 屈居第二,Vue以9.7%紧随其后


图片


来源:Indeed.com


按搜索兴趣


图片


资料来源:谷歌趋势


下载量


图片


资料来源:NPM 趋势


用户满意度


2022 年 JavaScript 现状调查询问用户“你会再次使用它吗?” 关于常见的 JavaScript 技术。以下是几个流行框架的结果。Next.js、Svelte 和 React 得分很高。Vue.js 评分及格。Angular 和 Gatsby 有很大的改进空间。其他选项的数据不可用。


图片


前端框架之用户满意度


有状态管理的框架

Redux仍然以压倒性优势,主导前端状态管理。


图片


资料来源:NPM 趋势


对于主要在服务器上管理状态的系统,React Query和RTK Query等工具已经增强了一些动力,GraphQL仍然是灵活查询后端数据服务的主流方法。


对于客户端状态管理,Redux 仍然领先其它产品一个数量级,它位列前 2 名。这是因为一些充分的理由:Redux 提供确定性的、事务性的状态管理,并且仍然拥有最好的中间件生态系统。


如果你不喜欢当前的看板样式,可以看一看Autodux 、Redux Toolkit 等工具。对于某些场合, Zustand和Jotai等替代品可能值得一看,如果你的 UI 有成千上万个需要原子更新的元素,则 recoil 是一个不错的选择。


全栈框架


我要说的这些全栈框架跨越服务器和客户端,并且通常具有出色的部署自动化功能。其中 Next.js 轻松领先,只有一字之差的 Nest.js 稳居第二。如果你喜欢更实用的方法,并且专注于神奇的开发人员体验和部署自动化,那么 Next.js 一定是安全的选择。


我喜欢告诉人们,将 Next.js 与 Vercel 一起使用,就像雇用世界上最好的 DevOps 团队,只是他们不用发工资,而是为我们省钱。在我看来,到现在仍然是真实的,而且仍然是最好的。


图片


资料来源:NPM 趋势


Web3 

Web3 和加密货币技术的增长和采用仍然强劲。以太坊和 EVM L2 和侧链主导了开发人员的吸引力和交易量 10 倍。

尽管也存在熊市,但加密基金仍计划在 2023 年里向 Web3 投资数十亿美元。例如, a16z将其加密投资翻了一番,并在 2022 年宣布了其 4.5B 美元的基金 4。


在 2020 年,DeFi 是 Web3 中的重要故事和应用驱动力,但自 2021 年以来,它的地位已被称为 NFT 的数字资产所取代,代表了从视频游戏项目到艺术再到音乐的一切事物的可证明的稀缺性和所有权。


下面是过去 30 天区块链在 NFT 交易量方面之数据表现:


图片


30 天 NFT 交易量的区块链排名。资料来源:Cryptoslam


缺省级别的安全


2018 年,Chrome 宣布将开始将 http 站点标记为“不安全”。从那时起,缺省级别安全变得更加的重要。


但是,人们习惯于泄露开发者为应用程序生成ID 中的信息。这可能会导致各种安全问题与用户隐私被侵犯。


10 多年前,我就十分担心标识符冲突,于是创建了一个 id 标准来预防它,此后它启发帮助了我开发 UUID V6-V8。


uuid 的第一个版本并不是不透明的。它泄露的信息包括确切的 ID 创建时间、主机指纹和会话计数器。为了解决这个问题,我最近宣布发布了Cuid2。今天,应用程序开发人员应该使用不透明的 id 而不是 k-sortable id。


结论


今天,现代前端技术堆栈与去年非常相似。这是一个典型的例子:

  • 在 Next.js 上反应 + Redux。在Vercel上部署无服务器。

  • 使用 Jest 和测试库进行单元测试很受欢迎,但我更喜欢Riteway的简单性。

  • Web3 与以太坊,在Polygon上进行高频交易。

  • 密码已过时且不安全。首选使用Magic Connect或Passkeys进行 Web3 身份验证。

  • 使用安全、不透明的 ID 生成器,例如Cuid2。


祝各位在2023,技术更突飞猛进。


作者:Eric Elliott。他是一名技术产品和平台顾问,《Composing Software》的作者,EricElliottJS.com和DevAnywhere.io的联合创始人,以及开发团队导师。他为Adobe Systems、Zumba Fitness、华尔街日报、ESPN、BBC以及包括Usher、Frank Ocean、Metallica等在内的顶级录音艺术家的软件体验做出了贡献。

评论