Ugrás a tartalomhoz

State of JavaScript 2024

Használat

Hogyan használod a JavaScriptet

JavaScript/TypeScript egyensúly

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.

0%
7%
14%
21%
28%
34%
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%
7%
14%
21%
28%
34%
A kérdésre válaszolók százaléka
11,435
82%
5.9
7
Hogyan osztod fel az idődet JavaScript és TypeScript írásakor?

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.

0%
11%
22%
32%
43%
54%
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%
11%
22%
32%
43%
54%
A kérdésre válaszolók százaléka
11,015
79%
6.8
8
What proportion of the JavaScript code you write for the browser goes through a build step?

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.

0%
8%
15%
23%
30%
38%
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%
8%
15%
23%
30%
38%
A kérdésre válaszolók százaléka
11,371
81%
1.6
1
What proportion of the code you produce is AI-generated?

JavaScript használat

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.

0%
19%
38%
57%
76%
95%
1

Professzionálisan

10,842
2

Hobbiként

4,593
3

Tanulóként

1,143
0%
19%
38%
57%
76%
95%
A kérdésre válaszolók százaléka
11,433
82%
Milyen kontextusban használod főként a JavaScriptet?

JavaScript használata

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

0%
20%
39%
59%
79%
98%
1

Frontend feljesztés

11,268
2

Backend feljesztés

7,345
3

Mobil appok

2,994
4

Desktop appok

2,072
5

Adatvizualizáció

1,653
6

Grafika és animáció

1,302
7

Adatanalízis

854
8

Játékfejlesztés

651
9

Gépi tanulás

263
10

Beágyazott appok

258
0%
20%
39%
59%
79%
98%
A kérdésre válaszolók százaléka
11,448
82%
Mire használod a JavaScriptet?

Iparág

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

0%
8%
17%
25%
34%
42%
1

Programozási & technikai eszközök

4,299
2

Konzultáció és szolgáltatások

3,555
3

E-kommersz & kiskereskedelem

2,668
4

Pénzügy

1,796
5

Marketing/eladás/analitikai eszközök

1,558
6

Oktatás

1,494
7

Szórakoztatás

1,256
8

Egészségügy

1,035
9

Hírek, média & blogolás

939
10

Kormányzati

836
0%
8%
17%
25%
34%
42%
A kérdésre válaszolók százaléka
10,226
73%
Mely iparágban/iparágakban dolgozol?

Applikációs minták

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.

0%
18%
36%
54%
72%
90%
1

Single Page Application (SPA) (Egyoldalas applikáció)

10,027
2

Server-Side Rendering (SSR) (Szerver-oldali renderelés)

6,559
3

Static Site Generation (SSG) (Statikus generált weboldal)

5,072
4

Multi-Page Application (MPA) (Többoldalas applikáció)

4,399
5

Részleges hidratálás

2,320
6

Sziget architektúra

1,573
7

Progresszív fejlesztés

1,480
8

Inkrementális statikus generáció

1,053
9

Streaming SSR

956
10

Részleges renderelés

906
0%
18%
36%
54%
72%
90%
A kérdésre válaszolók százaléka
11,119
79%
Az alábbiak közül mely architektúrális és renderelési mintákat használtad az elmúlt évben?

JavaScript azon részei, amik javításra szorulnak

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.

0%
7%
14%
21%
28%
35%
1

Kódarchitektúra

3,719
2

Állapotmenedzselés

3,290
3

Függőségek menedzselése

3,053
4

Fordítási eszközök

2,925
5

Teljesítmény

2,538
6

Hibakeresés

2,355
7

Dátummenedzsment

2,338
8

Típusosság

2,338
9

Aszinkron kód

1,151
10

Csomagok megtalálása

1,102
0%
7%
14%
21%
28%
35%
A kérdésre válaszolók százaléka
10,599
76%
Melyek a legnagyobb JavaScript hiányosságok amikkel szembe találod magad?

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.

0%
15%
30%
45%
59%
74%
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%
15%
30%
45%
59%
74%
A kérdésre válaszolók százaléka
8,936
64%
Which of these active JavaScript proposals are you most excited about?

JavaScriptből hiányzó funkciók

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.

0%
11%
21%
32%
43%
53%
1

Statikus típusosság

5,403
2

Standard könyvtár

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

Egyéb

169
0%
11%
21%
32%
43%
53%
A kérdésre válaszolók százaléka
10,164
73%
Mi az, ami jelenleg hiányzik számodra a JavaScriptből?

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.

0%
16%
32%
48%
64%
80%
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 TypeScript

6

Similar to Java

7

Similar to Rust

8

Similar to Python

9

Egyéb

225
0%
16%
32%
48%
64%
80%
A kérdésre válaszolók százaléka
10,399
74%
How would you like to see native types implemented in JavaScript?

Megelégedettség a webes technológiákkal

0
1
2
3
4
2020
2021
2022
2023
2024
0
1
2
3
4
Átlag {axis}
11,221
80%
2.8
3
Mennyire vagy megelégedve a jelenlegi webes technológiákkal?

JavaScript megelégedettség

0
1
2
3
4
2020
2021
2022
2023
2024
0
1
2
3
4
Átlag {axis}
11,273
80%
2.8
3
Mennyire vagy megelégedve a JavaScript jelenlegi állapotával?

Ajánlott források

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.
Köszönet partnereink támogatásáért! Tudj meg többet.