Lompat menuju konten

State of JavaScript 2024

Pemakaian

Bagaimana cara anda memakai JavaScript

Keseimbangan JavaScript/TypeScript

We're now firmly in the TypeScript era. 67% of respondents stated they write more TypeScript than JavaScript code – while the single largest group consisted of people who only write TypeScript.

Bagaimana caramu membagi waktu antara menulis kode JavaScript dan TypeScript?
0%
20%
40%
60%
80%
100%
1

100% JS

915
2

|

559
3

|

446
4

|

185
5

50/50

625
6

|

352
7

|

1,245
8

|

3,172
9

100% TS

3,936
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
11,435
82%
74%
88%

Compiled Code Balance

It should come as no surprise that in 2024, almost all of our JavaScript code goes through a build step. While bundlers and build tools certainly add complexity to our development process, they are most likely here to stay.

What proportion of the JavaScript code you write for the browser goes through a build step?
0%
20%
40%
60%
80%
100%
1

0% Compiled

262
2

|

185
3

|

192
4

|

118
5

50%

629
6

|

233
7

|

1,020
8

|

2,449
9

100% Compiled

5,927
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
11,015
79%
85%
100%

AI Code Generation

For all the talk of AI-assisted coding, most of us still only use AI tools sparingly. And in fact, a whole 20% do not use them whatsoever to produce code.

What proportion of the code you produce is AI-generated?
0%
20%
40%
60%
80%
100%
1

0% AI

2,263
2

|

4,319
3

|

2,573
4

|

837
5

50%

751
6

|

285
7

|

270
8

|

55
9

100% AI

18
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
11,371
81%
20%
13%

Pemakaian JavaScript

It's always good to know in what context respondents are writing JavaScript code, and the vast majority are using it as part of their day job.

Dalam hal apa anda memilih JavaScript sebagai bahasa pemrograman utama?
Multiple
0%
20%
40%
60%
80%
100%
1

Secara profesional

10,842
2

Sebagai Hobi

4,593
3

Sebagai Pelajar

1,143
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
11,433
82%

Penggunaan JavaScript

Virtually every respondent stated that they use JavaScript for frontend development, which makes sense given the language's origins.

Untuk apa Anda menggunakan JavaScript?
Multiple
0%
20%
40%
60%
80%
100%
1

Pengembangan Frontend

11,268
2

Pengembangan Backend

7,345
3

Aplikasi Mobile

2,994
4

Aplikasi Desktop

2,072
5

Visualisasi Data

1,653
6

Grafik & Animasi

1,302
7

Analisa Data

854
8

Pengembangan Gim

651
9

Pembelajaran Mesin

263
10

Aplikasi Tertanam

258
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
11,448
82%

Sektor Industri

While the largest industry sector consisted of developers building tools for other developers, the highest-paying one turned out to be Advertising.

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

Pemrograman & Peralatan Teknis

4,299
2

Konsultan & Jasa

3,555
3

Toko Online & Ritel

2,668
4

Keuangan

1,796
5

Pemasaran/Penjualan/Alat Analisa

1,558
6

Edukasi

1,494
7

Dunia Hiburan

1,256
8

Kesehatan

1,035
9

Berita, Media Massa, & Menulis Blog

939
10

Pemerintahan

836
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
10,226
73%

Pola Aplikasi

Despite modern JavaScript meta-frameworks now supporting intricate rendering strategies, the most common application patterns remained the most traditional ones: single-page apps and server-side rendering.

Berikut ini mana arsitektur dan pola rendering yang telah Anda gunakan pada tahun ini?
Multiple
0%
20%
40%
60%
80%
100%
1

Aplikasi Satu Halaman (SPA)

10,027
2

Rendering Sisi Server (SSR)

6,559
3

Pembuatan Situs Statis (SSG)

5,072
4

Aplikasi Multi Halaman (MPA)

4,399
5

Hidrasi Parsial (Partial Hydration)

2,320
6

Arsitektur Pulau (Islands Architecture)

1,573
7

Peningkatan Progresif (Progressive Enhancement)

1,480
8

Incremental Static Generation (ISG)

1,053
9

Streaming SSR

956
10

Prerendering Parsial

906
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
11,119
79%

Poin Minus JavaScript

Code architecture is always a concern once a codebase gets past a certain size, so it makes sense that it topped the rankings of overall JavaScript pain points, followed by state and dependency management.

What aspects of JavaScript do you struggle with the most?
Multiple
0%
20%
40%
60%
80%
100%
1

Arsitektur Kode

3,719
2

Pengelolaan State

3,290
3

Mengelola Dependency

3,053
4

Build Tools

2,925
5

Performa

2,538
6

Debugging

2,355
7

Mengelola Waktu

2,338
8

Typing

2,338
9

Kode async

1,151
10

Mencari paket

1,102
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
10,599
76%

New Proposals

There are currently quite a few TC39 proposals that are on the verge of becoming a reality. Temporal and Decorators stood out this year as the ones respondents were most excited about.

Which of these active JavaScript proposals are you most excited about?
Multiple
0%
20%
40%
60%
80%
100%
1

6,637
2

3,392
3

1,312
4

1,259
5

978
6

888
7

750
8

695
9

669
10

462
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
8,936
64%

Missing Features

While the lack of native static typing has long been felt by the community, it's interesting to see Signals making an entrance at number 3 on this list, despite not being part of the most popular front end framework.

Apa yang Anda rasa kurang dari JavaScript?
Multiple
0%
20%
40%
60%
80%
100%
1

Type statis

5,403
2

Standar Pustaka

4,378
3

3,985
4

2,362
5

1,919
6

1,905
7

1,889
8

1,366
9

928
10

701
11

356
12

307
13

Lainnya

169
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
10,164
73%

Native Types

It's clear that survey respondents want native types, and that they hope to seem them implemented with a TypeScript-like syntax.

This year's question phrasing sadly did not make a clear distinction between runtime types and TypeScript-like type-as-annotations, so it remains to be seen which of these two paths will gain the community's favor.

How would you like to see native types implemented in JavaScript?
0%
20%
40%
60%
80%
100%
1

As similar to TypeScript as possible

8,362
2

Using comments, similar to JSDoc

1,037
3

I would not like to see them implemented

1,000
4

Type Annotations

5

Similar to Java

6

Similar to Rust

7

Similar to TypeScript

8

Similar to Python

9

Lainnya

225
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
10,399
74%

Kepuasan Teknologi Web

Seberapa senang Anda dengan teknologi web secara umum?
1
2
3
4
5
2020
2021
2022
2023
2024
1
2
3
4
5
Rata-rata {axis}
11,221
80%
3.8
4

Kepuasan JavaScript

Seberapa senang Anda dengan JavaScript secara umum?
1
2
3
4
5
2020
2021
2022
2023
2024
1
2
3
4
5
Rata-rata {axis}
11,273
80%
3.8
4

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.
Expand Your Abilities to the Server and Master the Fullstack
Jem Young
Netflix

Expand Your Abilities to the Server and Master the Fullstack

Set up servers, create APIs, and deploy your code to the world by learning the full stack.
Terima kasih kepada semua Mitra yang telah mendukung Kami! Pelajari lebih lanjut.