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

相关文章
|
5月前
|
编解码 前端开发 JavaScript
js react antd 实现页面低分变率和高分变率下字体大小自适用,主要是配置antd
在React中结合Ant Design与媒体查询,通过less变量和响应式断点动态调整`@font-size-base`,实现多分辨率下字体自适应,提升跨设备体验。
260 2
|
10月前
|
前端开发 JavaScript NoSQL
使用 Node.js、Express 和 React 构建强大的 API
本文详细介绍如何使用 Node.js、Express 和 React 构建强大且动态的 API。从开发环境搭建到集成 React 前端,再到利用 APIPost 高效测试 API,适合各水平开发者。内容涵盖 Node.js 运行时、Express 框架与 React 库的基础知识及协同工作方式,还涉及数据库连接和前后端数据交互。通过实际代码示例,助你快速上手并优化应用性能。
|
前端开发 JavaScript 测试技术
React 中集成 Chart.js 图表库
本文介绍了如何在 React 项目中集成 Chart.js 创建动态图表,涵盖基础概念、安装步骤、代码示例及常见问题解决方法,帮助开发者轻松实现数据可视化。
431 11
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
本文讨论了在配置Vite项目时遇到的`vite.defineConfig is not defined`错误,这通常是由于缺少必要的导入语句导致的。文章还涉及了如何创建最新版本的Vite项目以及如何处理`configEnv is not defined`的问题。
858 3
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
747 11
|
资源调度 前端开发 数据可视化
构建高效的数据可视化仪表板:D3.js与React的融合之道
【10月更文挑战第25天】在数据驱动的时代,将复杂的数据集转换为直观、互动式的可视化表示已成为一项至关重要的技能。本文深入探讨了如何结合D3.js的强大可视化功能和React框架的响应式特性来构建高效、动态的数据可视化仪表板。文章首先介绍了D3.js和React的基础知识,然后通过一个实际的项目案例,详细阐述了如何将两者结合使用,并提供了实用的代码示例。无论你是数据科学家、前端开发者还是可视化爱好者,这篇文章都将为你提供宝贵的洞见和实用技能。
438 5
|
开发框架 前端开发 JavaScript
React、Vue.js 和 Angular主流前端框架和选择指南
在当今的前端开发领域,选择合适的框架对于项目的成功至关重要。本文将介绍几个主流的前端框架——React、Vue.js 和 Angular,探讨它们各自的特点、开发场景、优缺点,并提供选择框架的建议。
453 6
|
前端开发 JavaScript API
React、Vue.js 和 Angular前端三大框架对比与选择
前端框架是用于构建用户界面的工具和库,它提供组件化结构、数据绑定、路由管理和状态管理等功能,帮助开发者高效地创建和维护 web 应用的前端部分。常见的前端框架如 React、Vue.js 和 Angular,能够提高开发效率并促进团队协作。
1513 4
|
JavaScript 前端开发 开发者
JavaScript框架React vs. Vue:一场性能与易用性的较量
JavaScript框架React vs. Vue:一场性能与易用性的较量
386 0
|
前端开发 JavaScript API
用 React 整合 LogEntries JavaScript 库
本文作者为 David Posin,主要介绍 React 与 LogEntries 间的相互操作。本文系国内 ITOM 管理平台 OneAPM 编译呈现。
1747 0

热门文章

最新文章