Перейти до вмісту

State of JavaScript 2024

Використання

Як ви використовуєте JavaScript

Співвідношення 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.

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%
% від тих, хто відповів на питання
11,435
82%
5.9
7
Скільки часу ви пишете JavaScript-код і скільки — TypeScript?

Співвідношення компільованого коду

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% компілюється

262
2

|

185
3

|

192
4

|

118
5

50%

629
6

|

233
7

|

1,020
8

|

2,449
9

100% компілюється

5,927
0%
11%
22%
32%
43%
54%
% від тих, хто відповів на питання
11,015
79%
6.8
8
Яка частка JavaScript-коду, який ви пишете для браузера, компілюється під час збирання?

Генерація коду за допомогою ШІ

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% ШІ

2,263
2

|

4,319
3

|

2,573
4

|

837
5

50%

751
6

|

285
7

|

270
8

|

55
9

100% ШІ

18
0%
8%
15%
23%
30%
38%
% від тих, хто відповів на питання
11,371
81%
1.6
1
Яку частку коду, який ви створюєте, згенеровано за допомогою ШІ?

Використання

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

Професійно

10,842
2

Як хобі

4,593
3

Для навчання

1,143
0%
19%
38%
57%
76%
95%
% від тих, хто відповів на питання
11,433
82%
Для чого ви переважно використовуєте JavaScript?

Варіанти використання

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

Розробка клієнтської частини

11,268
2

Розробка серверної частини

7,345
3

Застосунки для мобільних пристроїв

2,994
4

Застосунки для настільних комп'ютерів

2,072
5

Візуалізація даних

1,653
6

Графіка та анімація

1,302
7

Аналіз даних

854
8

Розробка відеоігор

651
9

Машинне навчання

263
10

Вбудовані (Embedded) застосунки

258
0%
20%
39%
59%
79%
98%
% від тих, хто відповів на питання
11,448
82%
Для чого ви використовуєте JavaScript?

Сфера діяльності

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

Програмування та технічні інструменти

4,299
2

Консалтинг і послуги

3,555
3

Електронна комерція та роздрібна торгівля

2,668
4

Фінанси, банківська сфера

1,796
5

Маркетинг/Продажі/Інструменти аналітики

1,558
6

Освіта

1,494
7

Розваги

1,256
8

Охорона здоров'я

1,035
9

Новини, медіа, блогінг

939
10

Державний сектор

836
0%
8%
17%
25%
34%
42%
% від тих, хто відповів на питання
10,226
73%
У яких галузях економіки ви працюєте?

Патерни застосунків

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

Односторінковий застосунок (SPA)

10,027
2

Рендеринг з боку сервера (SSR)

6,559
3

Генерація статичних сайтів (SSG)

5,072
4

Багатосторінковий застосунок (MPA)

4,399
5

Часткова гідрація

2,320
6

Архітектура островів

1,573
7

Поступове покращення (Progressive Enhancement)

1,480
8

Статична генерація з доповненням (incremental)

1,053
9

Потоковий SSR

956
10

Частковий попередній рендеринг

906
0%
18%
36%
54%
72%
90%
% від тих, хто відповів на питання
11,119
79%
Які з наведених патернів архітектури і рендерингу застосунків ви використовували за останній рік?

Проблеми 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.

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

Архітектура коду

3,719
2

Управління станом

3,290
3

Управління залежностями

3,053
4

Інструменти для збирання коду

2,925
5

Швидкодія

2,538
6

Налагодження

2,355
7

Управління датами

2,338
8

Типізація

2,338
9

Асинхронний код

1,151
10

Пошук пакетів

1,102
0%
7%
14%
21%
28%
35%
% від тих, хто відповів на питання
10,599
76%
Від яких аспектів JavaScript вам найтяжче?

Нові пропозиції

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%
% від тих, хто відповів на питання
8,936
64%
Які з-поміж цих активних пропозицій змін до JavaScript цікавлять вас найбільше?

Відсутні функції

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

Статична типізація

5,403
2

Стандартна бібліотека

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

Інші відповіді

169
0%
11%
21%
32%
43%
53%
% від тих, хто відповів на питання
10,164
73%
На вашу думку, чого наразі не вистачає у JavaScript?

Нативні типи

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

Максимально схоже до TypeScript

8,362
2

За допомогою коментарів, схоже до JSDoc

1,037
3

НЕ бажаю їхньої імплементації зовсім

1,000
4

Type Annotations

5

Similar to TypeScript

6

Similar to Java

7

Similar to Rust

8

Similar to Python

9

Інші відповіді

225
0%
16%
32%
48%
64%
80%
% від тих, хто відповів на питання
10,399
74%
Якою ви вбачаєте імплементацію нативних типів у JavaScript?

Задоволення вебтехнологіями

0
1
2
3
4
2020
2021
2022
2023
2024
0
1
2
3
4
Середнє
11,221
80%
2.8
3
Наскільки ви задоволені станом вебтехнологій загалом?

Задоволення JavaScript?

0
1
2
3
4
2020
2021
2022
2023
2024
0
1
2
3
4
Середнє
11,273
80%
2.8
3
Наскільки ви задоволені станом JavaScript загалом?

Рекомендовані джерела

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.
Дякуємо нашим партнерам за підтримку! Детальніше.