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

State of JavaScript 2024

Клієнтські фреймворки

Фреймворки та бібліотеки для клієнтської частини

Співвідношення фреймворків для клієнтської частини з часом

Найгучнішою новиною минулого року стало те, що Vue обійшов Angular за рівнем використання серед наших респондентів. Незважаючи на прогрес Angular цього року, Vue вдалося зберегти друге місце — а також піднятися аж на три позиції за відсотком утримання користувачів! Водночас стабільно зростає використання Svelte, і він продовжує очолювати рейтинги за загальними позитивними відгуками.

React
Vue.js
Angular
Preact
Svelte
Alpine.js
Lit
Solid
Qwik
Stencil
HTMX

Режим:

Вигляд:

0%
20%
40%
60%
80%
100%
2016
2017
2018
2019
2020
2021
2022
2023
2024
0%
20%
40%
60%
80%
100%

Інші фреймворки для клієнтської частини

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

190
2

62
3

30
4

27
5

27
6

24
7

16
8

14
9

13
10

13
11

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

344
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
619
4%

Використовується на роботі

Хоч немає суттєвих відмінностей у доходах залежно від того, які клієнтські фреймворки респонденти використовували на роботі, розмір компанії показує інше.

Нові претенденти, як-от Alpine.js, Qwik і Solid, мають успіх серед малих компаній, тоді як рішеннями з вебкомпонентами, як-то Lit чи Stencil, переважно користуються великі компанії.

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

8,345
2

3,870
3

3,534
4

1,380
5

538
6

475
7

376
8

331
9

304
10

229
11

127
12

🚫 Нічого

444
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
12,486
91%
Які з-поміж цих інструментів ви використовуєте у професійному контексті?
Ми покликали спільноту JavaScript поділитися своїм "вибором року"

Мій вибір 2024: Cassidy Williams

Cassidy пише у своєму блозі із 2009 року, має неймовірно унікальний стиль і численні круті, нішеві інтереси (я горда володарка її клавіатури для копіювання/вставлення із StackOverflow!). Вона щотижня публікує доладну розсилку, створює найкращі меми для розробників і робить усе це у ролі молодої мами, що, безумовно, вражає.
Ми покликали спільноту JavaScript поділитися своїм "вибором року"

Tania Rascia

Самонавчена головна інженерка, досвідчена технічна блогерка і професійно підготовлена шеф-кухарка

Кількість елементів

Скільки елементів у цій категорії респонденти використовували (або чули про них).

Вигляд:

0%
5%
11%
16%
22%
27%
1

0

1,108
2

1

2,904
3

2

3,827
4

3

3,070
5

4

1,653
6

5

796
7

6

342
8

7

182
9

8

66
10

9

37
11

10

16
12

11

14
0%
5%
11%
16%
22%
27%
% від усіх опитаних
2.5

Задоволення фреймворками для клієнтської частини

0
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
2024
0
1
2
3
4
Середнє
12,964
93%
2.8
3
Наскільки ви задоволені поточним станом фреймворків для клієнтської частини? За шкалою від 0 (дуже незадоволені) до 4 (дуже задоволені).

Проблеми фреймворків для клієнтської частини

Як лідер, React несе тягар найчастіших скарг.

Надмірна складність, перевантаження вибором, низька швидкодія та руйнівні зміни також були серед основних проблем.

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

Проблеми React

2

Надмірна складність

3

Швидкодія

4

Перевантаження вибором

5

Руйнівні зміни

6

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

7

Швидкість змін

8

Залежності

9

SSR

10

Проблеми Angular

0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
3,832
27%
З якими проблемами ви стикалися під час використання фреймворків для клієнтської частини?
Довільна форма

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

Vue's Reactivity System
Alexander Lichter

Vue's Reactivity System

Vue's reactivity system got faster again, and hopefully other framework reactivity systems will apply similar perf improvements.
Master the Full-Stack: RedwoodJS Step-by-Step Guide
Amy Dutton
Redwood

Master the Full-Stack: RedwoodJS Step-by-Step Guide

This is introducing a multi-part YouTube series where we’ll build a Hacker News clone. This project will be built on RedwoodJS, a full-stack React framework. We’ll cover React, GraphQL, Apollo, Storybook, Prisma, TypeScript, and Jest.
Спонсорований вміст від наших партнерів. Детальніше.