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

State of React 2024

การใช้งาน

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.

What do you use React for?
Multiple
0%
20%
40%
60%
80%
100%
1

Web apps

5,954
2

Static sites

2,981
3

Design systems

2,917
4

Hybrid sites

2,632
5

Mobile apps

2,162
6

Desktop apps

1,304
7

คำตอบอื่นๆ

30
0%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม
6,139
78%

React Version

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

Which version of React do you use the most on a daily basis?
0%
20%
40%
60%
80%
100%
1

16.x

273
2

17.x

582
3

18.x

4,763
4

Canary

187
5

Not sure

298
6

19.x

7

คำตอบอื่นๆ

20
0%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม
6,103
78%

ประเภทการใช้งาน

The overwhelming majority of respondents use React professionally.

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

ใช้ในฐานะมืออาชีพ

5,655
2

ใช้ในฐานะนักเรียน

191
3

ใช้เป็นงานอดิเรก

284
4

คำตอบอื่นๆ

14
0%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม
6,126
78%

ภาคอุตสาหกรรม

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.

คุณทำงานในอุตสาหกรรมใดบ้าง?
Multiple
0%
20%
40%
60%
80%
100%
1

การเขียนโปรแกรมและเครื่องมือทางเทคนิค

1,775
2

การปรึกษาและบริการ

1,186
3

อีคอมเมิร์ซและค้าปลีก

1,109
4

การเงิน

894
5

การศึกษา

549
6

เครื่องมือด้านการตลาด/การขาย/การวิเคราะห์

511
7

บันเทิง

475
8

บริการสุขภาพ

461
9

ข่าว, สื่อ, และการบล็อก

286
10

รัฐบาล

270
0%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม
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.

Which of the following architecture and rendering patterns have you used in the last year?
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

Incremental Static Generation

1,568
6

Partial Hydration

1,529
7

Streaming SSR

964
8

Islands Architecture

920
9

Progressive Enhancement

910
10

Edge Rendering

872
0%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม
5,916
75%

New Features

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

Which of these recent and upcoming new features are you most excited about?
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%
% ของผู้ตอบคำถาม
5,837
74%

Other Pain Points

Any other React pain points that you would like to mention?
แบบอิสระ
Multiple
0%
20%
40%
60%
80%
100%
1

Excessive complexity

2

Performance

3

4

Next.js issues

5

State management (useState, Redux, Context, etc.)

6

คำตอบอื่นๆ

คำตอบที่ตรงกับ “คำตอบอื่นๆ” 296
0%
20%
40%
60%
80%
100%
% ของผู้ตอบคำถาม
229
3%

แหล่งข้อมูลที่แนะนำ

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