ข้ามไปยังเนื้อหา

State of React 2023

Component Libraries

The building blocks of your front-end

Component Libraries Experience & Sentiment

React Aria and Radix lead the rankings in terms of positivity, proving that the headless approach to component libraries has a lot going for it.

จัดกลุ่มตาม:

จัดเรียงตาม:

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

Experience

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
“Used” average:27%
“Positive” average:22%
“Negative” average:22%
💡
คุณสามารถคลิกที่ชื่อเทคโนโลยีใดๆเพื่อดูรายละเอียดเพิ่มเติมและข้อมูลเชิงลึกเกี่ยวกับข้อมูลที่เกี่ยวข้อง

Other 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?
We asked members of the React community to share their “pick of the year”

My 2023 Pick: "Mind the Gap" – Ryan Florence's talk at Big Sky Dev Con 2024

Ryan masterfully shows how React's new "use server" and "use client" directives let us build rich features on both sides of the network, using the same unified paradigm. A must-watch for any React developer.
We asked members of the React community to share their “pick of the year”

Sam Selikoff

Videos for frontend developers on Build UI and YouTube, co-host of the Frontend First podcast

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.
ขอบคุณพันธมิตรของเราที่สนับสนุนเรา! เรียนรู้เพิ่มเติม