2021 年最受欢迎 JavaScript 明星项目榜:zx、Vite 、Next.js 、React 领衔大热门(2)

简介: 2021 年最受欢迎 JavaScript 明星项目榜:zx、Vite 、Next.js 、React 领衔大热门

Vue 生态圈

在 Vue 生态圈“一项里,排名前五的分别是:Slidev,Vue Element Admin,

Headless UI,Naive UI,vue-next。

image.png

在 Vue 3 正式发布一年后,我们看到这个生态系统正伴随着许多伟大的创新迅速发展。如 Vue 3 核心中的 <script setup>,将组件创作的体验提升到一个新的水平;新的 VS Code 扩展 Volar 为 Vue 带来了一流的 TypeScript 支持;以 Composition API 为基础建立的新状态管理器 Pinia 成为 Vuex 的继承者。

随着 Vite 成为 Vue 新的默认工具,Nuxt 3、Quasar 和 VitePress 等元框架现在都使用 Vite 作为其默认引擎,让开发者体验有了巨大的改进的同时,也为创新打开了许多新的大门。

同时,社区也在调整 Vue2 到 Vue3 的开发者体验上付出了许多努力,使迁移过程更加顺利。对于 Vue 开发者来说,这是伟大的一年,他们的应用在开发者体验和性能方面都得到了巨大的改善,期待看到 2022 年的更进一步发展。

React 生态圈

在”React 生态圈“一项里,我们看到排名前五的分别为:Next.js,Ant Design,MUI (Material UI),Remix,react-use。

image.png

随着 React 18 即将发布,现在已经可以使用 RC 版,并从一些开箱即用的改进中获益,比如自动批处理以减少渲染或 SSR 对 Suspense 的支持。

React 18 增加了期待已久的并发渲染器和对 Suspense 的更新,但没有任何重大的突破性变化。

React 继续发力于浏览器和服务端,而且在 React Native 的多平台愿景下,它正变得无处不在。

最后,我们也将后续几个类如 CSS in JavaScript、测试框架、移动开发、桌面开发、静态网站生成器、状态管理,GraphQL 里的明星项目榜单一一列出:

CSS in JavaScript:

image.png

排名前五分别是 vanilla-extract,Styled,Components,Stitches,Twin,Emotion。

测试框架:

image.png

排名前五分别是 Playwright,Storybook,Cypress,Puppeteer,Jest。

移动开发:

image.png

排名前五分别是 React Native,Ionic,Expo,Quasar,Flipper。

桌面开发:

image.png

排名前五分别是 Tauri,Electron,Svelte NodeGUI,NodeGUI

,Neutralino。

静态网站生成器:

image.png

排名前五分别是 Next.js,Astro,Docusaurus,Nuxt,Nuxt 3。

状态管理:

image.png

排名前五分别是 Zustand,XState,Jotai,Recoil,Pinia。

GraphQL:

image.png

排名前五分别是 Prisma,Hasura GraphQL Engine,Redwood,Gatsby,GraphQL Code Generator。

综述:

为了构建现代网站和应用程序,我们似乎已经进入了元框架的时代:Next.js、Nuxt、SvelteKit......以及前景广阔的新秀 Remix。

如今,更有许多 JavaScript 社区的知名成员加入了科技公司,如 Kent C. Dodds 加入了 Remix 团队,Svelte 创建者的 Rich Harris 及 Turborepo 创始人 Jared Palmer 均加入了 Vercel......越来越多的优秀的创作者共同从事这些解决方案的工作。

正如 Lee Robinson 放出豪言:Rust 是 JavaScript 基础设施的未来。关于工具,对速度的需求导致了对 Rust 和 Go 等语言的转变,而非 JavaScript。

作为 2021 年的一个重要主题,无服务器功能及边缘计算被人们常常谈起,这里就有 Vercel Edge Functions、CloudFlare Workers 或 Netlify Edge 等解决方案,在靠近用户的地方运行后端代码。如 Next.js 或 Remix 这样的元框架恰好就利用了边缘计算的优势,使 React 应用程序中后端代码的整合变得轻而易举。

让我们大胆预测一下,2022 年会不会是一个进入 JavaScript 全栈应用的鼎盛年份呢?如果您有相关看法,也欢迎在评论区交流互动。

点击查看完整报告:https://risingstars.js.org/20...

javascriptgithub

相关文章
|
21天前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
56 10
|
27天前
|
JavaScript 测试技术 API
跟随通义灵码一步步升级vue2(js)项目到vue3版本
Vue 3 相较于 Vue 2 在性能、特性和开发体验上都有显著提升。本文介绍了如何利用通义灵码逐步将 Vue 2 项目升级到 Vue 3,包括备份项目、了解新特性、选择升级方式、升级依赖、迁移组件和全局 API、调整测试代码等步骤,并提供了注意事项和常见问题的解决方案。
|
2月前
|
算法 JavaScript 前端开发
第一个算法项目 | JS实现并查集迷宫算法Demo学习
本文是关于使用JavaScript实现并查集迷宫算法的中国象棋demo的学习记录,包括项目运行方法、知识点梳理、代码赏析以及相关CSS样式表文件的介绍。
第一个算法项目 | JS实现并查集迷宫算法Demo学习
|
30天前
|
JavaScript 前端开发 测试技术
JavaScript与TypeScript:为何TypeScript成为大型项目的首选
JavaScript与TypeScript:为何TypeScript成为大型项目的首选
28 1
|
1月前
|
人工智能 JavaScript 网络安全
ToB项目身份认证AD集成(三完):利用ldap.js实现与windows AD对接实现用户搜索、认证、密码修改等功能 - 以及针对中文转义问题的补丁方法
本文详细介绍了如何使用 `ldapjs` 库在 Node.js 中实现与 Windows AD 的交互,包括用户搜索、身份验证、密码修改和重置等功能。通过创建 `LdapService` 类,提供了与 AD 服务器通信的完整解决方案,同时解决了中文字段在 LDAP 操作中被转义的问题。
|
2月前
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
本文讨论了在配置Vite项目时遇到的`vite.defineConfig is not defined`错误,这通常是由于缺少必要的导入语句导致的。文章还涉及了如何创建最新版本的Vite项目以及如何处理`configEnv is not defined`的问题。
108 3
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
|
1月前
|
人工智能 JavaScript 前端开发
使用Node.js模拟执行JavaScript
使用Node.js模拟执行JavaScript
|
1月前
|
消息中间件 JavaScript 前端开发
用于全栈数据流的 JavaScript、Node.js 和 Apache Kafka
用于全栈数据流的 JavaScript、Node.js 和 Apache Kafka
44 1
|
1月前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
102 1
|
1月前
|
Web App开发 JavaScript 前端开发
Node.js:JavaScript世界的全能工具
Node.js:JavaScript世界的全能工具