Lompat menuju konten

State of React 2024

Pemakaian

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

Untuk apa anda menggunakan 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.

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

Aplikasi Web

5,954
2

Situs web statis

2,981
3

Sistem Desain

2,917
4

Hybrid sites

2,632
5

Aplikasi seluler

2,162
6

Aplikasi Desktop

1,304
7

Lainnya

30
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
6,139
78%

Versi React

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

Tidak yakin

298
6

19.x

7

Lainnya

20
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
6,103
78%

Tipe Pemakaian

The overwhelming majority of respondents use React professionally.

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

Secara profesional

5,655
2

Sebagai Pelajar

191
3

Sebagai Hobi

284
4

Lainnya

14
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
6,126
78%

Sektor Industri

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.

Anda sedang bekerja pada sektor industri apa?
Multiple
0%
20%
40%
60%
80%
100%
1

Pemrograman & Peralatan Teknis

1,775
2

Konsultan & Jasa

1,186
3

Toko Online & Ritel

1,109
4

Keuangan

894
5

Edukasi

549
6

Pemasaran/Penjualan/Alat Analisa

511
7

Dunia Hiburan

475
8

Kesehatan

461
9

Berita, Media Massa, & Menulis Blog

286
10

Pemerintahan

270
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
5,660
72%

Pola-pola aplikasi

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.

Yang manakah dari pola-pola aplikasi dan rendering ini yang anda gunakan pada tahun sebelumnya?
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%
% dari pertanyaan responden
5,916
75%

Fitur-fitur baru

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%
% dari pertanyaan responden
5,837
74%

Other Pain Points

Any other React pain points that you would like to mention?
(Pertanyaan bebas)
Multiple
0%
20%
40%
60%
80%
100%
1

Excessive complexity

2

Performance

3

4

Next.js issues

5

Pengelola state (useState, Redux, Context, etc.)

6

Lainnya

Jawaban yang cocok dengan “Lainnya” 296
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
229
3%

Rekomendasi Sumber

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.
Terima kasih kepada semua Mitra yang telah mendukung Kami! Pelajari lebih lanjut.