Gå til innhold

State of React 2023

Funksjoner

We asked respondents about their thoughts on 28 distinct features, from omnipresent hooks such as useState, to more niche APIs like useDeferredValue. Be sure to try and sort by “sentiment”!

Alle funksjoner

Dette diagrammet oppsummerer alle spørsmål om forskjellige funksjoner fra undersøkelsen. Hovedstolpene representerer en respondents erfaring; og de er deretter videre delt opp etter den respondentens meninger. Du kan endre gruppering for å veksle mellom begge.

Gruppér etter:

Sorter etter:

1

98.7%
9,907
2

98.7%
11,063
3

97.5%
12,637
4

93%
5.5%
11,029
5

90.6%
7.9%
11,073
6

86.1%
11.6%
11,033
7

85.4%
11.1%
3.5%
12,766
8

85.3%
11.6%
3.2%
11,090
9

73.4%
20.5%
6.1%
12,584
10

68.3%
19.5%
12.3%
12,632

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:47%
“Positive” average:44%
“Negative” average:7%

API-utfordringer

Blant de mest vanlige React-APIene var forwardRef uten tvil den som skapte mest frustrasjon for utviklerne, med memo på andreplass. Heldigvis jobber React-teamet med å rulle ut bedre alternativer til begge.

0%
13%
26%
40%
53%
66%
1

2

3

4

Context API

5

Excessive complexity

6

Excessive re-renderings

7

8

State management

9

Performance

10

Double rendering

11

Andre svar

Svar som matcher “Andre svar” 1,035
0%
13%
26%
40%
53%
66%
% besvarelser på spørsmål
1,566
12%
Hvilke utfordringer har du møtt på knyttet til de tidligere nevnte API-ene?
Fritekstformat
Vi spurte medlemmene av react-samfunnet om å dele deres "Årets valg"

Mine valg for 2023: Zustand

Enkel, elegant og utvidbar state-håndtering som "bare fungerer". I dag trenger du kanskje ikke state-håndtering, men hvis du gjør det, er Zustand et flott sted å begynne.
Vi spurte medlemmene av react-samfunnet om å dele deres "Årets valg"

Jack Herrington

Ingeniør og YouTuber

Hooks-utfordringer

Ikke særlig overraskende er det at useEffect og useCallback ble nevnt som de mest utfordrende React hooks'ene, i stor grad pga vanskeligheter med å holde orden på avhengighetstabellene.

0%
14%
27%
41%
55%
68%
1

2

Dependency Arrays

3

4

5

State management

6

Excessive complexity

7

8

9

Excessive rerendering

10

11

Andre svar

Svar som matcher “Andre svar” 771
0%
14%
27%
41%
55%
68%
% besvarelser på spørsmål
1,131
9%
Hvilke utfordringer har du møtt på knyttet til hooks?
Fritekstformat

Nye API-utfordringer

Selv om React har en fantastisk evne til å fortsette å utvikle seg, og å holde seg relevant over tid, kommer det også med en kostnad. Nye APIer som Server Components kan absolutt være utfordrende å ta i bruk.

0%
18%
37%
55%
73%
92%
1

2

Excessive complexity

3

Next.js issues

4

5

6

7

8

9

Lack of documentation

10

11

Andre svar

Svar som matcher “Andre svar” 394
0%
18%
37%
55%
73%
92%
% besvarelser på spørsmål
429
3%
Hvilke utfordringer har du møtt på knyttet til de nye API-ene?
Fritekstformat

Lestelisten

30% av respondenter la til en eller flere ting til leselisten deres underveis i undersøkelsen, for å lære mer om teamet senere. Her kan du se hva som ble valgt.

0%
9%
19%
28%
37%
46%
1

1,777
2

1,720
3

1,591
4

1,387
5

1,381
6

1,279
7

1,256
8

1,238
9

1,231
10

1,098
0%
9%
19%
28%
37%
46%
% besvarelser på spørsmål
Hvor mange ganger hvert element ble lagt til en respondentens leseliste, funksjoner som lar folk lære mer om spesifikke emner mens de tar undersøkelsen.
3,840
30%

Anbefalte ressurser

Be Productive with React.js, Today's Most Popular Framework
Brian Holt
SQLite Cloud

Be Productive with React.js, Today's Most Popular Framework

Gain experience building, testing, and maintaining high-performance client and server-side React applications.
A Tour of JavaScript & React Patterns
Lydia Hallie

A Tour of JavaScript & React Patterns

You’ll get an overview of more traditional design patterns with JavaScript, such as the Singleton and Proxy patterns. Then see React patterns such as the Hooks and Higher Order Component patterns.
Takk til våre partnere for deres bidrag! Lær mer.