2022年JavaScript明星项目公布，最受欢迎的竟是它？-内江站浩晨众云

新闻中心

这里有您想知道的互联网营销解决方案

2022年JavaScript明星项目公布，最受欢迎的竟是它？

大家好，我是 CUGGZ。

近日，Best of JS[1] 正式公布 2022 年 JavaScript 明星项目榜单。该榜单提供了过去 12 个月 JavaScript 生态系统中的趋势项目的概述！

此榜单包含了以下部分：最受欢迎的项目、前端框架、React生态系统、Vue生态系统、后端/全栈、构建工具、CSS in JS、测试工具、移动端、桌面端、静态站点、状态管理、GraphQL。

最受欢迎的项目

2022 年最受欢迎的 JavaScript 项目 Top 10 如下：

总冠军：Bun

2022 年年度最流行的项目 Bun：一个新的 JavaScript 运行时。今年夏天，随着 GitHub 上第一个 Beta 版的发布，它的人气大增：一个月内，GitHub 就有超过 20000 Star！

那 Bun 有什么特别之处呢？与两年前的总冠军 Deno 一样，它为 TypeScript 提供了一流的支持。

但 Bun 不仅仅是一个运行时。它还包括：

包管理器（像 Yarn、NPM、PNPM）；
构建工具（像 Webpack、ESBuild、Parcel）；
测试工具
...

Bun 可以读取 package.json 安装的依赖，Bun 还可以运行脚本。它做任何事都比其他任何运行时要快。Bun 是对 JavaScript 生态系统许多方面的全新诠释，专注于性能。

它优先考虑 Fetch 等标准 Web API。它支持许多 Node.js API，使其与大多数 NPM 包兼容。它可能还没有“生产就绪”（缺少 Windows 支持），但它是一个非常有前途的工具。与 Deno 相比，它的生态系统还很新，但它已经有了一个名为 Elysia 的 Web 框架，号称是最快的 HTTP 框架。

Bun 最令人难以置信的是它的创建者 Jarred Sumner 使用一种称为 Zig 的低级语言从头开始实现了所有这些功能。

Tauri

在 2021 年，Tauri 在最受欢迎的项目中排名第五。2022 年它以新增 30000 Star 在最受欢迎的项目中排名第二。这是一个用 Rust 编写的项目，用于使用 Web 技术创建跨平台桌面应用。

Tauri 1.0 版于 6 月发布。它在构建时考虑了安全性和性能。与 Electron 相比，它占用空间小，因为开发人员必须指定应用所需的 API 和功能。

React 和 Next.js

排在第三位和第四位的分别是 React 和 Next.js，它们都新增了近 20000 Star。

Next.js 13 于 10 月发布，使用了 2020 年 React 17 引入的 React Server Components。

React 的维护者之一 Andrew Clark 表示：React Server Components 是 React 的未来，目标就是将这种架构传播到整个 React 生态系统，而不管框架如何。

Vite

Vite 是基于 Web 技术构建应用的工具，提供了令人惊叹的开发人员体验。

Vite 今年有两个主要版本（7 月发布的 v3 和 12 月发布的 v4）。它为越来越多的项目提供支持，包括框架 SvelteKit 和 Qwik 以及 Vitest。

前端框架

2022 年前端框架中的明星项目 Top 10 如下：

React 仍然是 2022 年的冠军，如果考虑 Vue.js 的 v2 和 v3 仓库 Star 总和，其与 React 受欢迎程度接近。

主要变化是排在第二位的 Qwik。Qwik 类似于 React，它也使用用 JSX 编写的组件作为模板，但主要区别在于专注于在浏览器中传输最少的 JavaScript。

Qwik 是“Zero baseline JavaScript”框架趋势的一部分。站点和应用通常会因影响浏览器性能的大量 JavaScript 资源而变得臃肿：即使页面在服务端渲染，用户也必须等到 JavaScript 被加载、解析和执行才能与页面交互。

Qwik 不依靠水合来为服务器上生成的页面带来交互性，而是使用一种称为可恢复性的技术来提供即时交互的 HTML。它通过在 HTML 本身中序列化应用的状态来工作。

该项目由 Miško Hevery 领导，他是 AngularJS 的创建者，他的口号是“为 Web 应用增强 HTML”，Qwik 就是“HTML 优先的框架”。

React 生态系统

2022 年 React 生态系统中的明星项目 Top 10 如下：

React 仍然是一个可以在任何网页使用的库，但它也已经发展成为一个架构框架，可以遵循它来创建交互式、弹性和高性能的前端模式。

React 18 版本（3 月）包括并发特性和 API，主要为框架提供架构模式。React Server Components 旨在结合这些新的架构模式实现。一些约定现在已经在 React 框架之间标准化（例如 use client），而其他约定正在测试阶段（例如服务端组件中的 async/await）。

在 2023 年，我们将继续看到使用 React 新原语的创新，用于改进类型安全的库以及 UI 组件库的增长将继续上升。

Vue 生态系统

2022 年 Vue 生态系统中的明星项目 Top 10 如下：

今年，Vue.js 进行了许多重大更新。Vue 2.7 将原生 Composition API 和




	    基本
        文件
        流程
        错误
        SQL
        调试
    

		    
    
	请求信息 : 2026-02-17 03:21:14 HTTP/1.1 GET : /article/dhjdcie.html
运行时间 : 0.0692s ( Load:0.0033s Init:0.0005s Exec:0.0608s Template:0.0045s )
吞吐率 : 14.45req/s
内存开销 : 2,237.97 kb
查询信息 : 12 queries 5 writes 
文件加载 : 36
缓存信息 : 0 gets 2 writes 
配置加载 : 130
会话信息 : SESSION_ID=u8bags3n7jvfrid2pndg2k7m85
    
    
        
    
	/home/wwwroot/jxjierui.cn/index.php ( 1.12 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/ThinkPHP.php ( 4.61 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Think.class.php ( 12.26 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Storage.class.php ( 1.37 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Storage/Driver/File.class.php ( 3.52 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Mode/common.php ( 2.82 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Common/functions.php ( 53.56 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Hook.class.php ( 4.01 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/App.class.php ( 13.49 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Dispatcher.class.php ( 14.79 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Route.class.php ( 13.36 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Controller.class.php ( 11.23 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/View.class.php ( 7.59 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Behavior/BuildLiteBehavior.class.php ( 3.68 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Behavior/ParseTemplateBehavior.class.php ( 3.88 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Behavior/ContentReplaceBehavior.class.php ( 1.91 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Conf/convention.php ( 11.15 KB )
/home/wwwroot/jxjierui.cn/App/Common/Conf/config.php ( 2.12 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Lang/zh-cn.php ( 2.55 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Conf/debug.php ( 1.48 KB )
/home/wwwroot/jxjierui.cn/App/Home/Conf/config.php ( 0.32 KB )
/home/wwwroot/jxjierui.cn/App/Home/Common/function.php ( 3.33 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Behavior/ReadHtmlCacheBehavior.class.php ( 5.62 KB )
/home/wwwroot/jxjierui.cn/App/Home/Controller/ArticleController.class.php ( 6.11 KB )
/home/wwwroot/jxjierui.cn/App/Home/Controller/CommController.class.php ( 1.60 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Model.class.php ( 60.11 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Db.class.php ( 32.43 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Db/Driver/Pdo.class.php ( 16.74 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Cache.class.php ( 3.83 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Cache/Driver/File.class.php ( 5.87 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Template.class.php ( 28.16 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Template/TagLib/Cx.class.php ( 22.40 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Template/TagLib.class.php ( 9.16 KB )
/home/wwwroot/jxjierui.cn/App/Runtime/Cache/Home/7540f392f42b28b481b30614275e4e55.php ( 13.96 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Behavior/WriteHtmlCacheBehavior.class.php ( 0.97 KB )
/home/wwwroot/jxjierui.cn/ThinkPHP/Library/Behavior/ShowPageTraceBehavior.class.php ( 5.24 KB )
    
    
        
    
	[ app_init ] --START--
Run Behavior\BuildLiteBehavior [ RunTime:0.000005s ]
[ app_init ] --END-- [ RunTime:0.000025s ]
[ app_begin ] --START--
Run Behavior\ReadHtmlCacheBehavior [ RunTime:0.000146s ]
[ app_begin ] --END-- [ RunTime:0.000160s ]
[ view_parse ] --START--
[ template_filter ] --START--
Run Behavior\ContentReplaceBehavior [ RunTime:0.000053s ]
[ template_filter ] --END-- [ RunTime:0.000073s ]
Run Behavior\ParseTemplateBehavior [ RunTime:0.003597s ]
[ view_parse ] --END-- [ RunTime:0.003619s ]
[ view_filter ] --START--
Run Behavior\WriteHtmlCacheBehavior [ RunTime:0.000096s ]
[ view_filter ] --END-- [ RunTime:0.000111s ]
[ app_end ] --START--
    
    
        
    
	1064:You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ') LIMIT 1' at line 1
 [ SQL语句 ] : SELECT `id`,`pid`,`navname` FROM `cx_nav` WHERE ( id= ) LIMIT 1  
1064:You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ') LIMIT 1' at line 1
 [ SQL语句 ] : SELECT `id`,`navname` FROM `cx_nav` WHERE ( id= ) LIMIT 1  
1064:You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ')' at line 1
 [ SQL语句 ] : SELECT `id`,`navname` FROM `cx_nav` WHERE ( pid= ) 
[8] Undefined index: pid /home/wwwroot/jxjierui.cn/App/Home/Controller/ArticleController.class.php 第 47 行.
[2] file_put_contents(./App/Runtime/Temp/51259f3a79920db9fd59066b9d78f18a.php): failed to open stream: Permission denied /home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Cache/Driver/File.class.php 第 132 行.
[8] Undefined index: db_host /home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Db.class.php 第 120 行.
[8] Undefined index: db_port /home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Db.class.php 第 121 行.
[8] Undefined index: db_name /home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Db.class.php 第 122 行.
[2] file_put_contents(./App/Runtime/Temp/8c6ccff1e687ade299bca4c34492b99a.php): failed to open stream: Permission denied /home/wwwroot/jxjierui.cn/ThinkPHP/Library/Think/Cache/Driver/File.class.php 第 132 行.


0.0692s