Gå til innhold

State of JavaScript 2025

Front-end rammeverk

Front-end rammeverk og biblioteker.

We're highlighting interesting features or libraries we think you should know about.

Library Highlight: Solid

Solid brukes kanskje bare av 10% av respondentene, men det at det har hatt høyest tilfredshet i fem år på rad bør være nok til at vi følger med på hva det gjør.

Dessuten har Solid-skaperen Ryan Carniato i stor grad vært ansvarlig for å popularisere konsepter som signals, og er også en av de beste til å forklare nyansene i andre front-end-rammeverk.

Useful Resources

Forhold for front-end rammeverk over tid

Til tross for snakket om at front-end-økosystemet er i konstant uro, har ting vært bemerkelsesverdig stabile det siste året, uten endringer i bruksrangeringen bortsett fra at Alpine.js og HTMX byttet plass.

Det samme gjelder tilfredshet, med unntak av at Qwik fortsetter å falle i rangering.

En annen plass der mangelen på ny hype er tydelig er Interest-fanen, der ingen rammeverk bortsett fra Solid og Preact har vunnet terreng siden i fjor.

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

Modus:

Visning:

Bruk:

Proportion of respondents having used an item
0%
20%
40%
60%
80%
100%
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
0%
20%
40%
60%
80%
100%

Andre front-end rammeverk

Ser vi bort fra Astro, som egentlig ikke tilhører front-end-rammeverk-kategorien, og Ember, som har vært her en stund, er den mest spennende nykommeren her Ripple, som tar på seg den krevende jobben å være den nye ungen i front-end-gata.
0%
20%
40%
60%
80%
100%
01
163
02
49
03
Ripple
34
04
TanStack Start
33
05
+1
30
06
-1
26
07
-1
25
08
-4
25
09
-1
18
10
-6
17
11
Andre svar
355
0%
20%
40%
60%
80%
100%
615
5%
10
10
Vi ba medlemmer av JavaScript-miljøet dele sitt “årets valg”

Mitt 2025-valg: RSC Explorer

Server Components utvider mulighetene i serverrendret React ved at du kan sende ikke bare inert HTML til nettleseren, men også datastrukturer (objekter, arrays, datoer, maps), Promises (til og med rekursive), nye React-trær (og kildekoden deres) og referanser til Server Functions. Det er et serialiseringsformat, og Dans RSC Explorer hjelper virkelig med å forstå det.
Vi ba medlemmer av JavaScript-miljøet dele sitt “årets valg”

Sam Selikoff

Next.js-teamet

Number of Items

Den gjennomsnittlige respondenten har bare brukt 2,6 ulike front-end-rammeverk i lopet av karrieren, noe som igjen viser at bildet av den utbrente webutvikleren som hopper fra rammeverk til rammeverk hver måned ikke lenger er helt treffende.
0%
5%
11%
16%
21%
26%
01
0
1,135
02
1
2,444
03
2
3,436
04
3
2,859
05
4
1,541
06
5
824
07
6
395
08
7
218
09
8
82
10
9
42
11
10
18
12
11
8
0%
5%
11%
16%
21%
26%
2.6

Fordeler med front-end rammeverk

Selv om det er en liten nedgang, har tilfredsheten med front-end vært bemerkelsesverdig stabil over årene.
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?
1
2
3
4
5
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
1
2
3
4
5
Gjennomsnitt
11,952
92%
3.7
4
10

Utfordringer for front-end rammeverk

Å være det dominerende rammeverket betyr også at React topper listen over ting front-end-utviklere sliter med.

Andre gjentakende problemer inkluderer svak ytelse, tilstandsforvaltning og rett og slett kompleksiteten i det moderne front-end-økosystemet.

Hvilke utfordringer har du møtt på når du bruker front-end rammeverk?
Multiple
Top pain point topics overall.

View:

Items that are not one of “limitations”
0%
20%
40%
60%
80%
100%
01
Cognitive overload
9
02
Ecosystem issues
6
+23
03
Breaking changes
+2
04
Education
5
05
Performance
1
-2
06
State management
07
Bloat
+10
08
Tooling
3
09
Fragmentation
10
Dependencies
-2
11
SSR
-2
12
Build tools
1
+6
13
Bundle size
14
Debugging
2
15
Configuration
-3
16
Reactivity
2
17
Maintenance
1
18
19
Architecture issues
1
20
1
21
Excessive Re-rendering
22
Lack of stability
23
Lock-in
24
Too many abstractions
25
Framework-specific syntax
0%
20%
40%
60%
80%
100%
3,747
29%
2.9
25
5

Anbefalte ressurser

React Performance, v2
Steve Kinney
Temporal

React Performance, v2

Ship high-performance React applications! Leverage React 19's performance strategies for hydration, suspense, resource loading, and server actions.
Angular Fundamentals
Mark (Techson) Thompson
Google

Angular Fundamentals

Discover the power of Angular’s latest features straight from the Angular team at Google! Learn to use the new control flow syntax in your component templates and performance features like signals and deferrable views.
Takk til våre partnere for deres bidrag! Lær mer.