跳到内容

前端框架

前端框架和类库

我们重点介绍我们认为您应该了解的有趣特性或库。

库亮点: Solid

Solid 可能只有 10% 的受访者使用,但它连续五年拥有最高的满意度,这一事实应该足以让我们关注它的动态。

更重要的是,Solid 的创建者 Ryan Carniato 在很大程度上负责普及了 signals 等概念,并且也是解释其他前端框架复杂性的最佳人选之一。

有用资源

前端框架随时间变化的比率

尽管人们都在谈论前端生态系统一直处于动荡之中,但在过去的一年里,情况一直非常稳定,除了 Alpine.js and HTMX 互换位置外,使用排名没有任何变化。

满意度方面也是如此,除了 Qwik 的排名继续下滑。

另一个明显缺乏新炒作的地方是兴趣标签页,除了 SolidPreact,自去年以来没有其他框架取得进展。

React
Vue.js
Angular
Preact
Svelte
Alpine.js
Lit
Solid
Qwik
Stencil
HTMX

模式:

视图:

使用度:

使用过某个项目的受访者比例
0%
20%
40%
60%
80%
100%
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
0%
20%
40%
60%
80%
100%

其他前端框架

撇开不太属于前端框架类别的 Astro 和已经存在了一段时间的 Ember 不谈,这里最令人兴奋的新进入者必须是 Ripple,它承担了成为前端领域新星的艰巨任务。
0%
20%
40%
60%
80%
100%
01
163
02
49
34
05
+1
30
06
-1
26
07
-1
25
08
-4
25
09
-1
18
10
-6
17
11
其他答案
355
0%
20%
40%
60%
80%
100%
受访者百分比
我们邀请 JavaScript 社区成员分享他们的“年度之选”

我的 2025 年度之选: RSC Explorer

服务器组件通过允许你不仅向浏览器发送惰性 HTML,还可以发送数据结构(对象、数组、日期、映射)、Promise(甚至是递归的)、新的 React 树(及其源代码)和服务器函数引用,从而扩展了服务器渲染 React 的能力。这是一种序列化格式,Dan 的 RSC Explorer 确实能帮助你理解这一点。
我们邀请 JavaScript 社区成员分享他们的“年度之选”
受访者在其职业生涯中平均只使用了 2.6 个不同的前端框架,这再次表明,精疲力竭的 Web 开发者每个月都在框架之间跳来跳去的形象已经不再准确了。
0%
5%
11%
16%
21%
26%
01
0
1,135
02
1
2,444
03
2
3,436
04
3
2,859
05
4
1,541
06
5
824
07
6
395
08
7
218
09
8
82
10
9
42
11
10
18
12
11
8
0%
5%
11%
16%
21%
26%
调查对象百分比

前端框架满意度

虽然略有下降,但前端幸福感多年来一直非常稳定。
您对前端框架的现状满意吗?
1
2
3
4
5
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
1
2
3
4
5
平均 {axis}

前端框架的痛点

作为主导框架也意味着 React 在前端开发者面临的困难清单中名列前茅。

其他经常出现的问题包括性能差、状态管理以及现代前端生态系统的纯粹复杂性。

在使用前端框架时,您遇到过哪些痛点?
(自由提问)
多选
0%
20%
40%
60%
80%
100%
01
React issues
02
Excessive complexity
03
Performance
04
State management
+2
05
Choice overload
-1
06
Breaking changes
-1
07
Browser support
+9
08
Dependencies
09
Bloat
+8
10
Speed of change
-3
0%
20%
40%
60%
80%
100%
受访者百分比
React Performance, v2
Steve Kinney
Temporal

React Performance, v2

Ship high-performance React applications! Leverage React 19's performance strategies for hydration, suspense, resource loading, and server actions.
Angular Fundamentals
Mark (Techson) Thompson
Google

Angular Fundamentals

Discover the power of Angular’s latest features straight from the Angular team at Google! Learn to use the new control flow syntax in your component templates and performance features like signals and deferrable views.
感谢合作伙伴对我们的支持! 了解更多。