跳到内容

前端框架

前端框架和类库

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

去年的大事件是 Vue 在受访者中的原始使用率超过了 Angular。尽管 Angular 在今年取得了进步,但 Vue 还是保住了第二的位置,而且在留存率方面也获得了三位之多! 与此同时,Svelte 的使用率也在稳步上升,在总体正面评价方面继续名列前茅。

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
0%
20%
40%
60%
80%
100%

Other Front-end Frameworks

0%
20%
40%
60%
80%
100%
1

190
2

62
3

30
4

27
5

27
6

24
7

16
8

14
9

13
10

13
11

其他答案

344
0%
20%
40%
60%
80%
100%
受访者百分比

虽然受访者在工作中使用哪种前端框架并没有造成收入上的实质性差异,但公司规模却说明了不同的问题。

新的挑战者 Alpine.js、Qwik 和 Solid 正受到小公司的青睐,而 Web Components解决方案 Lit 和 Stencil 则被大公司广泛使用。

0%
20%
40%
60%
80%
100%
1

8,345
2

3,870
3

3,534
4

1,380
5

538
6

475
7

376
8

331
9

304
10

229
11

127
12

444
0%
20%
40%
60%
80%
100%
受访者百分比
Which of these tools do you use in a professional context?
我们询问了 JavaScript 社区的成员,分享他们的“年度选择”

我的 2024 选择: Cassidy Williams

Cassidy's been writing on her blog since 2009, has an incredibly unique style and so many cool, niche interests (I'm proud to own her StackOverflow copy/paste keyboard!). She puts out a great newsletter every week, makes the best developer memes, and does it all while being a new mom, which is beyond impressive.
我们询问了 JavaScript 社区的成员,分享他们的“年度选择”

Tania Rascia

Self-taught principal engineer, accomplished tech blogger, and professionally trained chef

Number of Items

How many items in this category respondends have used (or heard of).

视图:

0%
5%
11%
16%
22%
27%
1

0

1,108
2

1

2,904
3

2

3,827
4

3

3,070
5

4

1,653
6

5

796
7

6

342
8

7

182
9

8

66
10

9

37
11

10

16
12

11

14
0%
5%
11%
16%
22%
27%
调查对象百分比

前端框架满意度

0
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
2024
0
1
2
3
4
平均 {axis}
您对前端框架的现状满意吗?

前端框架的痛点

作为现任者,React 不得不成为承担多数抱怨的目标。

过于复杂、选择过多、性能不佳和破坏性更改也是常见的主要痛点。

0%
20%
40%
60%
80%
100%
1

React issues

2

Excessive complexity

3

Performance

4

Choice overload

5

Breaking changes

6

State management

7

Speed of change

8

Dependencies

9

SSR

10

Angular issues

0%
20%
40%
60%
80%
100%
受访者百分比
在使用前端框架时,您遇到过哪些痛点?
(自由提问)
Vue's Reactivity System
Alexander Lichter

Vue's Reactivity System

Vue's reactivity system got faster again, and hopefully other framework reactivity systems will apply similar perf improvements.
Master the Full-Stack: RedwoodJS Step-by-Step Guide
Amy Dutton
Redwood

Master the Full-Stack: RedwoodJS Step-by-Step Guide

This is introducing a multi-part YouTube series where we’ll build a Hacker News clone. This project will be built on RedwoodJS, a full-stack React framework. We’ll cover React, GraphQL, Apollo, Storybook, Prisma, TypeScript, and Jest.
感谢合作伙伴对我们的支持! 了解更多。