跳到内容

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> 没听说过: 从未听说过此项目的受访者。

情绪（态度）

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

Other Component Libraries

What other component libraries have you used?
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%
我们邀请了 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

Which animation libraries have you used?
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%

Data Visualization

Which data visualization and graphics libraries have you used?
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%

Form Libraries

Which libraries have you used to manage forms?
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%

CSS Tools & Libraries

Which libraries or frameworks have you used to style your React apps?
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%

Component Pain Points

What pain points have you encountered related to working with components?
(自由提问)
0%
15%
29%
44%
59%
73%
1

Styling & customization

2

Tailwind issues

3

CSS-in-JS issues

4

MUI issues

5

form_issues

6

Excessive complexity

7

Performance

8

Styled Components issues

9

10

Lack of documentation

0%
15%
29%
44%
59%
73%
受访者百分比
450
3%

资源推荐

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.
感谢合作伙伴对我们的支持! 了解更多。