Gå til innhold

State of JavaScript 2024

Front-end rammeverk

Front-end rammeverk og biblioteker.

Forhold for front-end rammeverk over tid

I fjor var den store nyheten at Vue overtok Angular i bruken blant våre respondenter. Til tross for Angulars fremgang i år, klarte Vue å beholde sin andreplass – og oppnådde en imponerende økning på tre plasser når det gjelder beholdningsprosent! Samtidig øker bruken av Svelte jevnt og trutt, og det fortsetter å toppe rangeringen når det gjelder generelt positive meninger.

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

Modus:

Visning:

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

Andre front-end rammeverk

0%
11%
22%
33%
44%
55%
1

190
2

62
3

30
4

27
5

27
6

24
7

16
8

14
9

13
10

13
11

Andre svar

344
0%
11%
22%
33%
44%
55%
% besvarelser på spørsmål
619
4%

Used at Work

Selv om det ikke er noen vesentlige inntektsforskjeller basert på hvilke frontend-rammeverk respondentene brukte på jobb, forteller selskapsstørrelse en annen historie. Nye utfordrere som Alpine.js, Qwik og Solid blir foretrukket av små selskaper, mens Web Components-løsningene Lit og Stencil blir overveldende brukt av store selskaper.

0%
13%
27%
40%
53%
67%
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

🚫 Ingen

444
0%
13%
27%
40%
53%
67%
% besvarelser på spørsmål
12,486
91%
Which of these tools do you use in a professional context?
Vi spurte medlemmer av JavaScript-fellesskapet om å dele sitt "årets valg"

Mine valg for 2024: Cassidy Williams

Cassidy har skrevet på bloggen sin siden 2009, har en utrolig unik stil og mange kule, nisjepregede interesser (jeg er stolt av å eie hennes StackOverflow copy/paste-tastatur!). Hun sender ut et flott nyhetsbrev hver uke, lager de beste utviklermemesene, og gjør alt dette samtidig som hun er nybakt mamma, noe som er veldig imponerende.
Vi spurte medlemmer av JavaScript-fellesskapet om å dele sitt "årets valg"

Tania Rascia

Selvlært ingeniør, dyktig teknisk blogger og profesjonelt utdannet kokk.

Number of Items

How many items in this category respondends have used (or heard of).

Visning:

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%
% av deltagere i undersøkelsen
2.5

Fordeler med front-end rammeverk

0
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
2024
0
1
2
3
4
Gjennomsnitt
12,964
93%
2.8
3
På en skala fra 0 (veldig misfornøyd) til 4 (veldig fornøyd), hvor fornøyd er du med den nåværende tilstanden til front-end rammeverk?

Utfordringer for front-end rammeverk

Som den dominerende, må React bære byrden av å være mål for de fleste klager. Overdreven kompleksitet, for mange valg, dårlig ytelse og bruddende endringer ble også ofte nevnt som store smertepunkter.

0%
18%
36%
54%
73%
91%
1

React issues

2

Excessive complexity

3

Performance

4

Choice overload

5

Breaking changes

6

State management

7

Speed of change

8

Dependencies

9

SSR

10

Angular issues

0%
18%
36%
54%
73%
91%
% besvarelser på spørsmål
3,832
27%
Hvilke utfordringer har du møtt på når du bruker front-end rammeverk?
Fritekstformat

Anbefalte ressurser

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.
Takk til våre partnere for deres bidrag! Lær mer.