跳到内容

State of React 2023

Component Libraries

The building blocks of your front-end

组件库的使用经验和感受

React Aria 和 Radix 在积极性排名中领先，证明了无头（headless）组件库方法的优势。

通过...分组：

根据此项排序:

1

57.5%
31.1%
11.4%
10,034
2

32.3%
53.2%
14.5%
10,009
3

27.9%
48.9%
23.2%
10,045
4

25.3%
35.5%
39.2%
10,002
5

22.2%
59.6%
18.2%
10,034
6

22.1%
45.7%
32.3%
10,013
7

20.8%
29.9%
49.3%
10,012
8

10.6%
37.9%
51.5%
9,760

经验

  • <span aria-hidden="true">🤓</span> 用过: 使用过此项目的受访者。
  • <span aria-hidden="true">👀</span> 有听说过: 听说过此项目，但没有使用过此项目的受访者。
  • <span aria-hidden="true">🤷</span> 没听说过: 从未听说过此项目的受访者。

情绪（态度）

  • 积极: 有兴趣了解此技术，或者愿意再次使用它的受访者
  • 中立: 未对此技术发表看法的受访者
  • 消极: 对此技术不感兴趣，或者使用此技术有糟糕体验的受访者
“Used” average:27%
“Positive” average:22%
“Negative” average:22%
💡
你可以单击任何技术的名称， 来获得额外的详细信息，并更深入地查看其相关数据。

Other Component Libraries

0%
12%
24%
35%
47%
59%
1

406
2

153
3

125
4

99
5

71
6

59
7

49
8

48
9

47
10

41
11

其他答案

808
0%
12%
24%
35%
47%
59%
受访者百分比
1,360
10%
What other component libraries have you used?
我们邀请了 React 社区的成员分享他们的"年度之选"

我的 2023 年度之选： "Mind the Gap" —— Ryan Florence 在 Big Sky Dev Con 2024 的演讲

Ryan 巧妙地展示了 React 的新 "use server" 和 "use client" 指令如何让我们使用相同的统一范式在网络的两端构建丰富的功能。这是每个 React 开发者必看的内容。
我们邀请了 React 社区的成员分享他们的"年度之选"

Sam Selikoff

Build UI 和 YouTube 上的前端开发者视频制作者，Frontend First 播客的共同主持人

Animation

0%
8%
17%
25%
33%
41%
1

3,802
2

2,500
3

1,386
4

1,044
5

464
6

7

8

9

10

0%
8%
17%
25%
33%
41%
受访者百分比
9,175
71%
Which animation libraries have you used?

Data Visualization

0%
9%
18%
27%
36%
45%
1

3,858
2

2,490
3

634
4

536
5

436
6

368
7

8

284
9

10

0%
9%
18%
27%
36%
45%
受访者百分比
8,659
67%
Which data visualization and graphics libraries have you used?

Form Libraries

0%
13%
26%
39%
52%
65%
1

6,078
2

4,617
3

254
4

5

6

7

60
8

9

10

0%
13%
26%
39%
52%
65%
受访者百分比
9,290
71%
Which libraries have you used to manage forms?

CSS Tools & Libraries

0%
13%
27%
40%
53%
67%
1

6,597
2

6,587
3

6,572
4

6,427
5

3,453
6

2,165
7

618
8

477
9

319
10

0%
13%
27%
40%
53%
67%
受访者百分比
9,886
76%
Which libraries or frameworks have you used to style your React apps?

Component Pain Points

0%
15%
29%
44%
59%
73%
1

Styling & customization

2

Tailwind issues

3

CSS-in-JS

4

MUI issues

5

6

Excessive complexity

7

Performance

8

Styled Components issues

9

10

Lack of documentation

0%
15%
29%
44%
59%
73%
受访者百分比
450
3%
What pain points have you encountered related to working with components?
(自由提问)

资源推荐

Tailwind CSS
Steve Kinney
Temporal

Tailwind CSS

By the end of this course, you'll be proficient in building visually stunning, responsive, and maintainable user interfaces with Tailwind CSS!
Design Systems with Storybook, v2
Steve Kinney
Temporal

Design Systems with Storybook, v2

Create reusable UI components with composable styles and variants using Tailwind CSS. Use MDX for documentation, set up interaction testing, and add data fetching to create a robust dev environment for your component library.
感谢合作伙伴对我们的支持! 了解更多。