Salt la conținut

State of React 2024

Utilizare

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

Utilizare React

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.

La ce folosești React?
Multiple
0%
20%
40%
60%
80%
100%
1

Aplicații web

5,954
2

Site-uri statice

2,981
3

Design systems

2,917
4

Hybrid sites

2,632
5

Aplicații pentru mobil

2,162
6

Aplicații desktop

1,304
7

Alte răspunsuri

30
0%
20%
40%
60%
80%
100%
% din respondenții la întrebare
6,139
78%

Versiune de React

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

Ce versiune de React folosești în mod regulat?
0%
20%
40%
60%
80%
100%
1

16.x

273
2

17.x

582
3

18.x

4,763
4

Canary

187
5

Nu sunt sigur(ă)

298
6

19.x

7

Alte răspunsuri

20
0%
20%
40%
60%
80%
100%
% din respondenții la întrebare
6,103
78%

Tip de utilizare

The overwhelming majority of respondents use React professionally.

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

Ca profesie

5,655
2

Ca student

191
3

Ca hobby

284
4

Alte răspunsuri

14
0%
20%
40%
60%
80%
100%
% din respondenții la întrebare
6,126
78%

Industrie

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.

În ce industrie/industrii lucrezi?
Multiple
0%
20%
40%
60%
80%
100%
1

Programare și instrumente tehnice

1,775
2

Consultanță și servicii

1,186
3

Ecommerce & Retail

1,109
4

Finanțe

894
5

Educație

549
6

Marketing/Vânzări/Instrumente de analiză

511
7

Divertisment

475
8

Sănătate

461
9

Știri, mass-media & blog-uri

286
10

Guvern

270
0%
20%
40%
60%
80%
100%
% din respondenții la întrebare
5,660
72%

Application Patterns

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.

Pe care dintre următoarele arhitecturi și modele de randare le-ai folosit în ultimul an?
Multiple
0%
20%
40%
60%
80%
100%
1

Single Page Application (SPA)

5,053
2

Server-Side Rendering (SSR)

3,698
3

Static Site Generation (SSG)

2,824
4

Multi-Page Application (MPA)

1,570
5

Generare statică incrementală

1,568
6

Hidratare parțială

1,529
7

Streaming SSR

964
8

Islands Architecture

920
9

Îmbunătățiri progresive

910
10

Edge Rendering

872
0%
20%
40%
60%
80%
100%
% din respondenții la întrebare
5,916
75%

Funcționalități noi

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

Care dintre aceste funcționalități noi sau viitoare te entuziasmează cel mai mult?
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%
% din respondenții la întrebare
5,837
74%

Other Pain Points

Any other React pain points that you would like to mention?
(întrebare deschisă)
Multiple
0%
20%
40%
60%
80%
100%
1

Excessive complexity

2

Performance

3

4

Next.js issues

5

Gestionarea state-ului (useState, Redux, Context etc.)

6

Alte răspunsuri

Answers matching “Alte răspunsuri” 296
0%
20%
40%
60%
80%
100%
% din respondenții la întrebare
229
3%

Resurse recomandate

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.
Mulțumim partenerilor noștri pentru susținere! Află mai multe.