Ugrás a tartalomhoz

State of React 2024

Használat

No matter what version you use, application pattern you adopt, or industry sector you belong to, there's no wrong way to use React!

React Usage

It's interesting to see that despite React traditionally being associated with complex client-side apps, Static sites still came in second, showing that JSX can also work great as a simple templating language.

Mire használod a React-et?
Multiple
0%
20%
40%
60%
80%
100%
1

Webappok

5,954
2

Statikus oldalak

2,981
3

Dizájnrendszerek

2,917
4

Hybrid sites

2,632
5

Mobil appok

2,162
6

Asztali appok

1,304
7

Egyéb

30
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
6,139
78%

React verziók

Note that the survey was conducted before the stable release of React 19.

A React mely verzióit használod nap mint nap?
0%
20%
40%
60%
80%
100%
1

16.x

273
2

17.x

582
3

18.x

4,763
4

Canary

187
5

Nem vagyok benne biztos

298
6

19.x

7

Egyéb

20
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
6,103
78%

Használat típusai

The overwhelming majority of respondents use React professionally.

0%
20%
40%
60%
80%
100%
1

Professzionálisan

5,655
2

Tanulóként

191
3

Hobbiként

284
4

Egyéb

14
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
6,126
78%

Iparág

Programming & Technical Tools may be slightly over-represented as an industry sector, as it often attracts the type of developer most likely to fill out a survey such as this one.

Mely iparágban/iparágakban dolgozol?
Multiple
0%
20%
40%
60%
80%
100%
1

Programozási & technikai eszközök

1,775
2

Konzultáció és szolgáltatások

1,186
3

E-kommersz & kiskereskedelem

1,109
4

Pénzügy

894
5

Oktatás

549
6

Marketing/eladás/analitikai eszközök

511
7

Szórakoztatás

475
8

Egészségügy

461
9

Hírek, média & blogolás

286
10

Kormányzati

270
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
5,660
72%

Applikációs minták

Despite the recent focus on static site generation, server-side rendering, and server components, it's interesting to note that the vast majority of React developers still work on Single Page Applications.

A következők közül melyik architektúrális és renderelési mintákat használad az elmúlt egy évben?
Multiple
0%
20%
40%
60%
80%
100%
1

Single Page Application (SPA) (Egyoldalas applikáció)

5,053
2

Server-Side Rendering (SSR) (Szerver-oldali renderelés)

3,698
3

Static Site Generation (SSG) (Statikus generált weboldal)

2,824
4

Multi-Page Application (MPA) (Többoldalas applikáció)

1,570
5

Inkrementális statikus generáció

1,568
6

Részleges hidratálás

1,529
7

Streaming SSR

964
8

Sziget architektúra

920
9

Progresszív fejlesztés

910
10

Edge Rendering

872
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
5,916
75%

Új funkciók

With memo being a longstanding pain point, it makes sense that respondents would be most excited about the React Compiler.

A közelmúltban és a közeljövőben megjelenő új funkciók közül melyik izgat a legjobban?
Multiple
0%
20%
40%
60%
80%
100%
1

3,292
2

1,687
3

1,642
4

1,526
5

1,422
6

1,268
7

1,061
8

1,041
9

883
10

328
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
5,837
74%

Other Pain Points

Any other React pain points that you would like to mention?
(szabad formátumú válasz)
Multiple
0%
20%
40%
60%
80%
100%
1

Excessive complexity

2

Performance

3

4

Next.js issues

5

Állapotmenedzsment (useState, Redux, Context, stb.)

6

Egyéb

Answers matching “Egyéb” 296
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
229
3%

Ajánlott források

Your Path to Becoming a Senior Web Developer!
Will Sentance
Codesmith

Your Path to Becoming a Senior Web Developer!

Deep dive into JavaScript, the most popular framework React, Web performance, CSS, deploying websites, TypeScript, and functional JavaScript to become a professional web developer today.
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.
Köszönet partnereink támogatásáért! Tudj meg többet.