Gå til innhold

State of React 2023

Komponentbibliotek

Byggesteinene til din applikasjon

Komponentbibliotek - Erfaring og meninger

React Aria og Radix leder rangeringen når det gjelder positivitet, noe som tyder på at headless er tilnærmingen til komponentbiblioteker folk flest ønsker.

Gruppér etter:

Sorter etter:

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

Erfaring

  • Brukt det: Respondents who have used an item.
  • Hørt om det: Respondents who have heard about an item, but haven't used it.
  • Aldri hørt om det: Respondents who have never heard about an item.

Oppfatning

  • Positiv: Respondenter som er interessert i å lære mer om en teknologi; eller er villige til å bruke den igjen.
  • Nøytral: Respondenter som hadde en nøytral oppfatning av en teknologi.
  • Negativ: Respondenter som ikke er interessert i å lære mer om en teknologi; eller har brukt den og hatt en negativ opplevelse.
“Used” average:27%
“Positive” average:22%
“Negative” average:22%
💡
Du kan trykke på enhver teknologi for å se ekstra detaljer, og ta et dypdykk inn i dataen.

Andre komponentbibliotek

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

Andre svar

808
0%
12%
24%
35%
47%
59%
% besvarelser på spørsmål
1,360
10%
Hvilke andre komponentbiblioteker har du brukt?
Vi spurte medlemmene av react-samfunnet om å dele deres "Årets valg"

Mine valg for 2023: "Mind the Gap" – Ryan Florence's foredrag på Big Sky Dev Con 2024

Ryan viser mesterlig hvordan Reacts nye "use server" og "use client" direktiver lar oss bygge rike funksjoner på begge sider av nettverket, ved å bruke det samme, enhetlige paradigmet. Et must-see for enhver React-utvikler.
Vi spurte medlemmene av react-samfunnet om å dele deres "Årets valg"

Sam Selikoff

Videoer for frontendutviklere på Build UI og YouTube, medvert på Frontend First podcasten

Animasjon

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%
% besvarelser på spørsmål
9,175
71%
Hvilke biblioteker har du brukt for animasjon?

Datavisualisering

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%
% besvarelser på spørsmål
8,659
67%
Hvilke datavisualiserings- og grafikkbiblioteker har du brukt?

Skjemabiblioteker

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%
% besvarelser på spørsmål
9,290
71%
Hvilke biblioteker har du brukt for å håndtere skjemaer?

CSS-verktøy og bibliotek

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%
% besvarelser på spørsmål
9,886
76%
Hvilke biblioteker eller rammeverk har du brukt for å style React-appene dine?

Utfordringer med komponenter

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%
% besvarelser på spørsmål
450
3%
Hvilke utfordringer har du møtt på når det gjelder å arbeide med komponenter?
Fritekstformat

Anbefalte ressurser

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.
Takk til våre partnere for deres bidrag! Lær mer.