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.

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%
What do you use React for?

Versi React

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

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%
Which version of React do you use the most on a daily basis?

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.

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%
Anda sedang bekerja pada sektor industri apa?

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.

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%
Yang manakah dari pola-pola aplikasi dan rendering ini yang anda gunakan pada tahun sebelumnya?
We asked members of the React community to share their “pick of the year”

My 2024 Pick: Sonner

Sonner is the best toast component for React. Beautiful by default, highly configurable, and with a simple API to use in any project. Wonderful work by Emil.
We asked members of the React community to share their “pick of the year”

Miguel Ángel Durán

Twitch Coding Streamer & Content Creator

Fitur-fitur baru

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

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%
Which of these recent and upcoming new features are you most excited about?

Other Pain Points

Once more, excessive complexity stands out as a major issue. It remains to be seen if a new generation of tooling will finally be able to alleviate our pain, or if that complexity is simply a natural consequence of the way the web works.

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

Excessive complexity

2

Performance

3

4

Next.js issues

5

State management

6

Lainnya

Jawaban yang cocok dengan “Lainnya” 296
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
229
3%
Any other React pain points that you would like to mention?
(Pertanyaan bebas)

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.