2022年最流行的JavaScript项目榜单出来了

前段时间有粉丝私信问当下最流行的JavaScript语言有哪些。今天浏览BestofJS[1]正式公布2022年JavaScript明星项目榜单，分享给大家，让大家可以根据自己的喜好进行规划和学习。此列表概述了过去12个月JavaScript生态系统中的热门项目！本榜单分为12类，包括以下部分：前端框架React生态系统Vue生态系统后端/全栈构建工具CSSinJS测试工具移动端桌面静态站点状态管理GraphQL2022年最受欢迎项目Top10JavaScript热门项目如下：总冠军：Bun官网地址：https://bun.sh/Github：https://github.com/oven-sh/bun2022年度最受欢迎项目Bun：a新的JavaScript运行时。今年夏天，随着GitHub上第一个测试版的发布，它的人气暴涨：一个月内，GitHub的Stars超过了20,000！那么包子有什么特别之处呢？就像两年前的总冠军Deno一样，它为TypeScript提供了一流的支持。但Bun不仅仅是一个运行时。它还包括：包管理器（如Yarn、NPM、PNPM）；构建工具（如Webpack、ESBuild、Parcel）；测试工具...Bun可以读取package.json安装的依赖，Bun也可以运行脚本。它比任何其他运行时都更快地完成所有事情。Bun是对JavaScript生态系统许多方面的全新诠释，重点是性能。它优先考虑Fetch等标准WebAPI。它支持许多Node.jsAPI，使其与大多数NPM包兼容。它可能不是“生产就绪”（缺乏Windows支持），但它是一个非常有前途的工具。与Deno相比，它的生态系统相当新，但它已经有一个名为Elysia的Web框架，号称是最快的HTTP框架。Bun最令人难以置信的是它的创建者JarredSumner使用一种称为Zig的低级语言从头开始实现了所有这些。Tauri官网地址：https://tauri.app/Github：https://github.com/tauri-apps/tauri2021年，Tauri在最受欢迎的项目中排名第五。2022年，追加30,000Star，位列最受欢迎项目第二名。这是一个用Rust编写的项目，用于使用Web技术创建跨平台桌面应用程序。Tauri1.0版于6月发布。它的构建考虑到了安全性和性能。与Electron相比，它占用空间小，因为开发人员必须指定应用程序所需的API和功能。React和Next.jsReact官网地址：https://reactjs.org/Github：https://github.com/facebook/reactNext.js官网地址：https://nextjs.org/Github：https://github。com/vercel/next.js排名第三和第四的分别是React和Next.js，两者都增加了近20,000个Star。Next.js13于10月发布，使用了2020年随React17引入的ReactServerComponents。React的维护者之一AndrewClark表示：ReactServerComponents是React的未来，目标是将这种架构传播到整个React生态系统，与框架无关。Vite官网地址：http://vitejs.dev/Github：https://github.com/vitejs/viteVite是一款基于Web技术构建应用程序的工具，提供令人惊叹的开发者体验。Vite今年有两个主要版本（7月v3和12月v4）。它支持越来越多的项目，包括框架SvelteKit和Qwik以及Vitest。前端框架2022年前端框架Top10明星项目如下：React依然是2022年的冠军，如果考虑Vue.js的v2和v3仓库Stars总和，它的受欢迎程度接近于反应。主要变化是Qwik，它排在第二位。Qwik与React类似，它也使用用JSX编写的组件作为模板，但主要区别在于它侧重于在浏览器中传输最少的JavaScript。Qwik是“零基线JavaScript”框架趋势的一部分。网站和应用程序通常充斥着影响浏览器性能的大量JavaScript资源：即使页面在服务器端呈现，用户也必须等到JavaScript加载、解析和执行后才能与页面交互。Qwik不是依靠水合来为服务器上生成的页面带来交互性，而是使用一种称为弹性的技术来提供即时交互式HTML。它通过在HTML本身中序列化应用程序的状态来工作。该项目由AngularJS的创建者Mi?koHevery领导，他的座右铭是“为Web应用程序增强HTML”，而Qwik是“一个HTML优先的框架”。React生态系统2022年React生态系统Top10明星项目如下：高性能前端模型。React18版本（3月）包括并发功能和主要为框架提供架构模式的API。ReactServerComponents旨在合并这些新的架构模式实现。一些约定现在跨React框架标准化（例如使用客户端），而其他约定正在测试中（例如服务器端组件中的async/await）。2023年，我们将继续看到使用React的新原语、用于改进类型安全的库的创新，UI组件库的增长将继续上升。Vue生态系统2022年Vue生态系统中的Top10明星项目如下：今年，Vue.js进行了多次重大更新。Vue2.7为Vue2带来了原生的CompositionAPI和语法。这使得向Vue3的过渡更加顺畅。变得稳定且普遍可用，新的实验性“ReactivityTransform”即将推出，以进一步增强DX。Vue团队还在研究一种名为“Vapor模式”的新渲染策略，它受到Soild.js的启发，可以使Vue在关键部分的性能更高。Nuxt3和Vuetify3的稳定发布表明Vue生态系统已经足够成熟。Vite在这一年呈指数增长，它被Vue用户大量使用，来自create-vue、Nuxt、Quasar、Astro和许多新框架。借助Vite的强大功能，Vue用户还可以使用Vitest和Histoire以获得更好的测试/开发体验。我们还看到了Vue的创造性用途，例如使用vue-termui呈现命令行界面。后端/全栈2022年后端/全栈Top10明星项目如下：API，有一种趋势是服务器做更多的事情（包括渲染和路由）。所以这部分包括全栈框架、元框架和后端框架。Next.js与去年一样，Next.js在排名中名列前茅，13.0版带来了重要的功能，包括React服务器端组件和使用应用程序文件夹的新文件系统结构，并以更稳健的方式处理嵌入。套路由。tRPC排名第二的tRPC可以从客户端导入服务端定义的类型，提供“端到端的类型安全”。值得注意的是T3Stack项目，它将tRPC、Next.js和TailwindCSS组合在一个流行的模板文件中（总体排名第16）。排在第三位的Astro于2021年作为静态网站生成器问世，并普及了部分水合的概念。Astro1.0的发布展示了Astro团队对创造流畅的开发者体验的一丝不苟。新的SSR支持通过与React和SCSS等任何前端工具的“内置”集成使Web应用程序开发变得容易。排名第四的Remix继续快速增长。它于2021年开源，仅一年后就被Shopify收购。Remix不依赖静态页面生成，而是利用分布式计算和本机浏览器功能在浏览器中提供出色的性能和令人惊叹的开发人员体验。构建工具2022年构建工具Top10明星项目如下：今年，Vite继续保持上升趋势，成为最受欢迎的前端工具之一。其前身Snowpack不再维护，推荐使用Vite。它的使用不仅限于Vue生态系统：Vite可以用于SvelteKit、Storybook、Vitest，甚至可以作为Create-React-App的现代替代品。我们还看到了使用Nx和Turborepo的monorepo构建工具的兴起。Nwrl（Nx背后的公司）已经接手了Lerna的维护，并发布了默认启用Nx优化的Lerna6。虽然Babel仍然很流行，但swc和esbuild被许多项目和元框架广泛使用。这些新工具可以显着提高构建和编译性能。swc是一个更加模块化的选择，因为它提供了一个插件系统。Vercel宣布推出Turbopack（alpha），这是一种由TobiasKoppers（Webpack创建者）创建的新的快速Rust打包工具。Rome工具链发布了它的第一个稳定版本。它的使用率目前很低，但今年可能会增加。今年可能会出现许多Rust前端工具：LightningCSS[2]（以前称为ParcelCSS）：更快的CSS工具链；stc[3]：比tsc更快的替代品；mdxjs-rs[4]：更快的MDX实现。CSSinJS2022年CSSinJS十大明星项目如下：测试工具2022年测试工具十大明星项目如下：移动端2022年移动端十大明星项目如下：桌面端2022年静态站点Top5明星项目如下：StaticSite2022年静态站点Top10明星项目如下：状态管理2022年状态管理Top10明星项目如下：GraphQL2022年**GraphQL**中的前10大明星项目如下：摘要2022年开始混乱，两个非常流行的npm包被其创建者破坏：Faker.js和colors.js。当Lerna（一种流行的mono-repos工具）被宣布不再维护时，这个庞大生态系统的脆弱性再次得到证明。直到Nx背后的公司Nrwl宣布接手Lerna的管理。如今，TypeScript正在成为编写JavaScript的标准（Deno和Bun中的一流支持，Next.js中的默认支持，Vite中的开箱即用支持等）。JavaScript在代码库和工具中的位置给开发人员和最终用户带来了类似的问题：构建时间在大型代码库中失控；JavaScript的平均大小增加导致性能不佳。2022年，以下工具为这些问题提供了解决方案：年度获胜者Bun采取积极的方法来加快安装和构建时间；Rome：一个linter和格式化程序，旨在成为用JS/TS工具编写的应用程序的单点管理；Vite：构建工具。对于浏览器内性能，不同的模式相互竞争：零基线JavaScript框架几乎不向浏览器提供JS（Qwik领先）；PartialHydration为静态页面提供交互岛（Astro）；React服务器端组件（由Next.js13和Gatsby提供支持）在服务器端委托更多工作；Remix实现的逐步增强的单页应用程序架构在浏览器中提供了出色的DX和性能，而不会影响任何动态行为。JavaScript的格局过去非常分散：一方面是各种浏览器，另一方面是Node.js，它有自己的CommonJS模块系统和自己的API。随着边缘计算的兴起，现在出现了一种强烈的趋势，即到处使用相同的标准化API子集（获取、HTTP请求和响应等）。