跳到内容

组件库

构建前端应用的砖块

UI Libraries Ratios Over Time

Ant Design
Chakra UI
Headless UI
MUI
Radix
React Bootstrap
shadcn/ui
React Aria
Mantine
Magic UI
HeroUI (previously NextUI)

模式:

视图:

使用度:

使用过某个项目的受访者比例
0%
20%
40%
60%
80%
100%
2023
2024
2025
0%
20%
40%
60%
80%
100%

Number of Items

A big proportion of users don't use any component library at all–while at the same time, those who do use one are likely to have tried out multiple options. This suggests the space isn't quite settled yet, and that there's still room for new entrants to make their mark.
0%
7%
13%
20%
27%
33%
01
0
1,246
02
1
473
03
2
523
04
3
501
05
4
370
06
5
260
07
6
171
08
7
121
09
8
44
10
9
34
11
10
7
12
11
10
0%
7%
13%
20%
27%
33%
调查对象百分比
💡
你可以单击任何技术的名称, 来获得额外的详细信息,并更深入地查看其相关数据。

Other UI Libraries

What other component libraries have you used?
(自由提问)
Multiple
0%
20%
40%
60%
80%
100%
02
+5
+9
+4
06
07
-5
-4
-4
11
-4
12
13
其他答案
0%
20%
40%
60%
80%
100%
受访者百分比
你用过哪些动画库?
Multiple
0%
20%
40%
60%
80%
100%
2
+2
741
4
588
5
504
6
365
7
76
8
+2
9
其他答案
33
0%
20%
40%
60%
80%
100%
受访者百分比

数据可视化

您使用过哪些数据可视化和图形库?
Multiple
0%
20%
40%
60%
80%
100%
1,245
02
1,037
03
969
04
+3
460
+5
207
+5
174
08
-2
154
-2
128
10
-1
120
0%
20%
40%
60%
80%
100%
受访者百分比
你用过哪些库来管理表单?
Multiple
0%
20%
40%
60%
80%
100%
01
1,964
02
1,095
04
+2
355
05
-1
260
06
-1
164
08
-1
62
09
-1
56
10
-1
19
11
其他答案
42
0%
20%
40%
60%
80%
100%
受访者百分比
The debate between controlled and uncontrolled form components isn't really one. Respondents mainly switch between either pattern; but if they need to pick then controlled forms are the clear winner.
您通常喜欢使用哪种表单范式?
0%
20%
40%
60%
80%
100%
1
都用,看具体场景
1,423
2
Controlled 表单组件
1,024
3
Uncontrolled 表单组件
200
4
其他答案
8
0%
20%
40%
60%
80%
100%
受访者百分比
您使用哪些库或框架来设置 React 应用的样式?
Multiple
0%
20%
40%
60%
80%
100%
01
2,142
02
1,794
03
1,607
04
1,594
05
786
06
467
07
+4
329
08
-1
199
-1
103
10
-1
102
0%
20%
40%
60%
80%
100%
受访者百分比

Component Pain Points

What pain points have you encountered related to working with components?
(自由提问)
Multiple
0%
20%
40%
60%
80%
100%
1
Styling & customization
2
3
React issues
4
CSS-in-JS issues
+1
5
Form issues
-3
6
Excessive complexity
+1
7
Breaking changes
8
Bloat
+9
9
其他答案
0%
20%
40%
60%
80%
100%
受访者百分比
Enterprise UI Development: Testing & Code Quality
Steve Kinney
Temporal

Enterprise UI Development: Testing & Code Quality

Learn unit testing with Vitest, continuous integration via GitHub Actions, component and accessibility testing with Axe, mocking techniques, and code standard enforcement using ESLint and Husky & Lint-Staged.
The Hard Parts of UI Development
Will Sentance
Codesmith

The Hard Parts of UI Development

Develop an under-the-hood knowledge of UI dev by learning techniques such as data binding, UI composition, templating, virtual DOM and its reconciliation, and hooks, all from scratch!
感谢合作伙伴对我们的支持! 了解更多。