-
Notifications
You must be signed in to change notification settings - Fork 0
/
js2024.yml
792 lines (695 loc) · 40.6 KB
/
js2024.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
locale: nb-NO
translations:
- key: general.results.description
t: 2024-utgaven av den årlige undersøkelsen om de nyeste trendene i
JavaScript-økosystemet.
- key: general.js2024.survey_intro
t: >
Mens vi prøvde å bestemme oss for hvilke frontend-rammeverk vi skulle
bruke, har JavaScript gått gjennom en liten evolusjon selv.
Nye TC39-forslag skaper riplinger i miljøene, mens andre forslag er under
implementering i nettlesere allerede. Og TypeScripts popularitet gjør
muligheten for typestøtte direkte i Javascript på et tidspunkt i fremtiden
til en reell mulighet.
Én ting er sikkert – selv om JavaScript i 2024 fortsatt føles likt som
før, er det ingen garanti for at vi vil kunne si det samme om språket vi
skriver om fem år.
Frem til da kan du være med på å forme veien videre ved å delta i årets
State of JavaScript-undersøkelse!
- key: faq.how_long_will_survey_take_js2024
t: Hvor lang tid tar å besvare undersøkelsen?
- key: faq.how_long_will_survey_take_js2024.description
t: >
Avhengig av hvor mange spørsmål du svarer på (alle spørsmål er valgfrie),
bør det ta omtrent 15-20 minutter å fullføre undersøkelsen.
- key: faq.survey_design_js2024
t: Hvordan ble undersøkelsen utformet?
- key: faq.survey_design_js2024.description
t: >
Denne undersøkelsen ble utformet som resultatene av en [åpen
designprosess](https://github.com/Devographics/surveys/issues/252) som
involverte nettleserleverandører og webutviklingssamfunnet.
- key: faq.results_released_js2024
t: Når blir resultatene publisert?
- key: faq.results_released_js2024.description
t:
Undersøkelsen vil pågå fra 10. november til 12. desember 2024, og resultatene
vil bli publisert noen uker senere.
- key: introduction.js2024
t: >
<span class="first-letter">L</span>et oss ta et øyeblikk og tenke over noe: De tre største front-end rammeverkene i 2024 ble alle lansert for over 10 år siden.
Alle tre har vel og merke utviklet seg mye på veien, og løsningene fra 2014 ville virke utdaterte og gammeldags i dag. Men gitt JavaScript-økosystemets rykte som et konstant bavegelig kaos av endringer, kan det være godt å vite at noen ting forblir.
Snakker vi om ting som forblir, er Vite og Vitest fortsatt på topp på hver eneste liste, og leder an for en ny, enklere generasjon av verktøy.
Og forresten – vi har lagt til et nytt tillegg for **Metadata** som gir mer informasjon om respondenter og selve undersøkelsen. Og ikke glem at du også kan bruke noen av disse nye variablene på andre diagrammer ved hjelp av **Query Builder**.
Når det er sagt, la oss utforske hva JavaScript har drevet med i 2024!
<span class="conclusion__byline">– Sacha Greif</span>
- key: sections.tshirt.title
t: T-skjorte
- key: sections.tshirt.description
t: >
## Støtt undersøkelsen med State of JavaScript T-skjorte
Mellom dårlig videokvalitet, klumpete kassetter og behovet for å spole
tilbake, er det ikke mye å savne fra VHS-epoken. Men en ting vi *savner*
er de fantastiske 90-talls visuene som pleide å pryde blanke
VHS-kassetter.
Men nå, takket være den talentfulle Christopher Kirk-Nielsen, kan du nyte
all denne retroen samtidig som du feirer kjærligheten din for JavaScript!
- key: tshirt.about
t: Om t-skjorten
- key: tshirt.description
t: >
Vi bruker en høykvalitets og supermyk t-skjorte med en slim fit, med print
fra vår parner, Cotton Bureau.
- key: tshirt.getit
t: Kjøp den
- key: tshirt.price
t: USD $32 + frakt
- key: tshirt.designer.heading
t: Om designeren
- key: tshirt.designer.name
t: Christopher Kirk-Nielsen
- key: tshirt.designer.bio
t: >
Opprinnelig fra Frankrike, men nå basert i USA, er Chris ikke bare en
fantastisk front-end utvikler, men også en talentfull illustratør som
spesialiserer seg på det retrovisuelle. Vi oppfordrer deg også til å
sjekke ut hans [andre
t-skjortedesign](https://chriskirknielsen.com/designs)!
- key: sections.user_info.description
t: >
I år deltok **14 015** personer i undersøkelsen. For å fremheve
ulike perspektiver og gi dypere innsikt, har vi gjort en spesiell innsats
for å introdusere nye måter å analysere og presentere dataene våre på.
- key: sections.features.description
t: >
I år la vi særlig vekt på å identifisere utvikleres utfordringer med
JavaScript. Som forventet toppet **mangelende typestøtte** og
**inkonsistens mellom nettlesere** listene, hvor hver av dem påvirker
nesten en tredjedel av utviklerne.
- key: sections.libraries.description
t: >
Vi har omarbeidet diagrammene våre for å fremheve både holdninger og
meninger i tillegg til utvikleropplevelse. Utforsk de nye gruppering- og
sorteringsvalgene for å finne ut hvilke biblioteker som får mest
kjærlighet... eller minst!
- key: sections.other_tools.description
t: >
Samtalene rundt Javascript har en tendens til å handle om hvilke rammeverk
man skal velge, er det viktig å huske på at det finnes en hel verden av
andre verktøy, services og platformer å utforske videre.
- key: sections.usage.description
t: >
Nok en gang ser det ut til at TypeScript har etablert seg som standarden,
i hvert fall blant deltakerne i undersøkelsen. Men bortsett fra det, er
bruken av JavaScript fortsatt like variert som alltid!
- key: sections.resources.description
t: >
I stedet for å gi forhåndsdefinerte lister med alternativer for
undersøkelsesdeltakerne å velge fra, valgte vi å tilby fritekstfelt. Dette
førte til en rekke nye bidrag i årets Ressurser-seksjon!
- key: sections.awards.description
t: >
Årets priser ble dominert av ett helt spesielt prosjekt … hvor raskt
klarer du å gjette hvilket?
- key: options.features_categories.language
aliasFor: sections.language.title
- key: options.features_categories.browser_apis
aliasFor: sections.browser_apis.title
- key: options.features_categories.other_features
aliasFor: sections.other_features.title
- key: blocks.gender.note
t: >
Hvis du er interessert i å lære mer, har vi [skrevet et
blogginnlegg](https://dev.to/sachagreif/is-our-survey-biased-against-women-49oj)
som tar for seg kjønnsfordelingen og dynamikken mellom de i undersøkelsen.
- key: blocks.source.note
t: >
Dette diagrammet slår sammen en mix av referranser, URL-parametere, and
svar i fritekst-format.
- State of JS: [State of JS](https://stateofjs.com) e-postlisten.
- State of CSS: State of CSS e-postlisten. Matcher også `email`, `by
email`, osv.
- Work: matcher `work`, `colleagues`, `coworkers`, osv.
- key: award.feature_adoption_delta_award.comment
t:
Med en **{value}** fremgang i 2022 har **top-level await** raskt blitt en
integrert del av JavaScript.
- key: award.tool_usage_delta_award.comment
t: >
**Vite** fortsetter å være det raskest voksende biblioteket der ute, med
en **{value}** økning i bruken fra år til år!
- key: award.tool_satisfaction_award.comment
t:
Vitest stikker av med førsteplass, med **{value}** av utviklerne villige til
å bruke det igjen!
- key: award.tool_interest_award.comment
t: Uten å forlate Vite-økosystemet, så er det i år **Rolldown** som er
teknologien utviklerne er mest interessert i, med en **{value}**
interessegrad.
- key: award.most_write_ins_award.comment
t:
Med **{value}** nevnelser var Angular-meta-rammeverket **Analog** biblioteket
som fikk flest fritekstsvar fra deltakerne.
- key: award.most_commented_tool_award.comment
t:
Angular er kanskje ikke den nyeste aktøren i feltet, men det er fortsatt et
hett tema med **{value}** kommentarer fra deltakerne!
- key: award.most_loved_tool_award.comment
t: Med **{value}** av alle utviklere som har en positiv oppfatning av det,
stikker Vite nok en gang av med prisen for mest likte teknologi!
- key: conclusion.js2024.fernando_herrera
t: >
For noen år siden satte en annen State of
JS-undersøkelse Astro på radaren min.
Jeg bestemte meg for å prøve det, og etter bare noen timer ble jeg
forelsket i teknologien. Det var nesten kjærlighet ved første blikk!
Plutselig så jeg for meg å bygge om nettstedet mitt,
administrasjonsverktøy og andre prosjekter med Astro. Nå kan jeg si at
Astro er mitt favoritt-rammeverk, uten tvil.
JavaScript er et dynamisk og spennende økosystem som stadig vokser med
mange biblioteker og rammeverk. Fra gjenbrukbare komponenter til klient-,
server- og statiske løsninger, finnes det utallige måter å nå målene dine
på ved å bruke Vanilla JavaScript, fellesskapspakker, biblioteker eller
rammeverk – som alle tilbyr nye muligheter for innovasjon. Selvfølgelig
kan det føles overveldende, men denne variasjonen gjør JavaScript kraftig,
og gir deg alt fra én til hundrevis av smarte måter å lykkes på.
Ikke vær redd for å utforske og eksperimentere med forskjellige verktøy –
enten det er Vitest eller Jest, React eller Solid, Node eller Deno,
Next.js eller Astro – eller noe helt nytt som
[Brisa](https://brisa.build/).
Hold nysgjerrigheten levende, for ingen andre språk tilbyr det samme
fellesskapet, fleksibiliteten og kreativiteten som JavaScript gjør!
- key: conclusion.js2024.fernando_herrera.bio
t: Utvikler, lærer, and YouTuber
- key: conclusion.js2024.shaundai_person
t: |
<span class="first-line">Litt under fem år siden oppdaget jeg fordelene med å bruke TypeScript for første gang.</span>
Jeg var ikke alene på denne reisen; jeg var blant mange JavaScript-utviklere som akkurat hadde begynt å utforske TypeScript og fordelene det gir for team som ønsker å lage skalerbare og vedlikeholdbare front-end systemer. Det er utrolig å se hvor raskt TypeScript har vokst i popularitet! Jeg er begeistret over å se at flertallet av survey-respondentene nå bruker TypeScript i sitt daglige arbeid.
I dag inneholder min foretrukne stack for både profesjonelt arbeid og personlige prosjekter React, TypeScript, Vite og Jest. Store og raskt voksende team har satset på disse verktøyene – som TypeScript og React – og ser etter ekspertise på disse områdene når de ansetter front-end utviklere. Så det er ikke overraskende at disse verktøyene er mye adoptert og beholdt av andre organisasjoner også.
Hvis du er som meg, foretrekker du å fokusere på å mestre noen få essensielle verktøy fremfor å kontinuerlig eksperimentere med nye rammeverk og biblioteker. Også, som meg, kan du til og med vente med å ta i bruk de nyeste versjonene av pålitelige front-end verktøy til de har nådd stabile utgivelser og eventuelle problemer er løst. Du er ikke alene, og det er store fordeler for oss som foretrekker den velprøvde veien.
- key: conclusion.js2024.shaundai_person.bio
t: Utvikler, lærer, and YouTuber
- key: picks.my_pick
t: "Mine valg for 2024: "
- key: picks.intro
t: Vi spurte medlemmer av JavaScript-fellesskapet om å dele sitt "årets valg"
- key: picks.jack_herrington.name
t: TanStack
- key: picks.jack_herrington.bio
t: Koder & YouTuber
- key: picks.jack_herrington.description
t: >
Tanstack, en bankett av praktiske og utprøvde bibliotek i høy kvalitet,
som smelter sammen til rammeverket TanStack Start.
- key: picks.josefine_schaefer.name
t: Arisa Fukuzaki
- key: picks.josefine_schaefer.bio
t: Accessibility Engineer
- key: picks.josefine_schaefer.description
t: >
Arisa er en fantastisk teknisk pedagog, mentor, dokumentasjons- og
DevRel-ingeniør som er utrolig lidenskapelig opptatt av JS-rammeverk,
fellesskapsarbeid og å støtte kvinner i teknologi. Hun er definitivt en å
følge med på!
- key: picks.cassie_evans.name
t: gsap-video-export
- key: picks.cassie_evans.bio
t: Gjør litt av alt hos GSAP
- key: picks.cassie_evans.description
t: >
Chris laget dette supernyttige verktøyet for å eksportere
GSAP-animasjonene dine til video. Det har gjort livet mitt mye enklere og
videoene mine mye jevnere – ikke flere skjermopptak i lav kvalitet fra
meg!
- key: picks.tania_rascia.name
t: Cassidy Williams
- key: picks.tania_rascia.bio
t: Selvlært ingeniør, dyktig teknisk blogger og profesjonelt utdannet kokk.
- key: picks.tania_rascia.description
t: >
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.
- key: picks.salma_alam_naylor.name
t: The Breedling
- key: picks.salma_alam_naylor.bio
t: Live streamer, programvareutvikler, og lærer innen utvikling
- key: picks.salma_alam_naylor.description
t: >
Webteknologi er ikke bare for nettsider. The Breedling er et
nettleserbasert visualiseringsverktøy som slår sammen live
musikkspillinger fra bandet med samme navn, og blander video og
RIVE-animasjoner med WebGL-shaders, ved bruk av et gammelt eksperimentelt
BBC-bibliotek, VideoContext.
- key: picks.wes_bos.name
t: Transformers.js
- key: picks.wes_bos.bio
t: Podcaster og lærer
- key: picks.wes_bos.description
t: >
Transformers.js er et bibliotek for å jobbe med AI-modeller i JavaScript.
Det gjør alt – datavisjon, lyd, bildegenerering, chat-bot-generering og
mer.
Det fungerer i nettleseren, via WASM eller WebGPU, og på serveren med
Node.js, Bun eller Deno. Å kjøre AI-modeller på enheten er ganske
spennende, og dette biblioteket er en flott måte å komme i gang på uten
all smerten ved å prøve å få Python til å fungere.
- key: picks.shaundai_person.name
t: Shruti Kapoor
- key: picks.shaundai_person.bio
t: Frontend Senior programvareutvikler (Netflix) og kursholder
- key: picks.shaundai_person.description
t: >
Min valg for året er min venn Shruti Kapoor. Shruti har en fantastisk måte
å forklare selv de mest krevende tekniske JS-konseptene på en lettfattelig
måte. I sine morsomme og engasjerende YouTube-videoer og
konferanseforedrag lærer hun publikum de viktigste delene av
JavaScript-utvikling, uten unødvendig fyllstoff.
- key: picks.michelle_bakels.name
t: v0
- key: picks.michelle_bakels.bio
t: Programvareutvikler, community ildsjel, og React Miami arrangør hos G2i
- key: picks.michelle_bakels.description
t: >
Selv om AI-kodeassistenter er her for å bli, kan de fortsatt møte
utfordringer med å holde tritt med de nyeste utviklingene i økosystemet
vårt. v0 er ikke bare det beste verktøyet for å generere
brukergrensesnitt, men det har også den sterkeste konteksten for å gi
verdifull og relevant kodehjelp i dagens JavaScript-status.
- key: picks.sacha_greif.name
t: Bluesky
- key: picks.sacha_greif.bio
t: Maintainer, State of JS
- key: picks.sacha_greif.description
t: >
Med Xs langsomme fall ned i galskap, føltes det som om
frontend-fellesskapet hadde blitt etterlatt uten et hjem. Derfor er det
fantastisk å se at så mange av oss endelig samles mot en ny plattform hos
Bluesky.
- key: picks.dominik_dorfmeister.name
t: Knip
- key: picks.dominik_dorfmeister.bio
t: Programvareutvikler @ Sentry, React Query maintainer
- key: picks.dominik_dorfmeister.description
t: >
Knip er et fantastisk verktøy som analyserer koden din og forteller deg
hva du kan kvitte deg med. Det er raskt (slik at du kan kjøre det i CI),
forstår mange rammeverk og biblioteker rett ut av boksen, og fungerer også
sømløst i monorepos.
- key: picks.sebastien_lorber.name
t: Rspack
- key: picks.sebastien_lorber.bio
t: Skaper av This Week In React, Docusaurus maintainer
- key: picks.sebastien_lorber.description
t: >
Rspack-bundleren er et nesten "drop-in" alternativ til Webpack.
Implementert i Rust, er den mye raskere enn Webpack og bruker mindre
minne. Alle Webpack-prosjekter bør prøve det umiddelbart, med tanke på
hvor enkelt det er å ta det i bruk!
- key: sponsors.frontendmasters.description
t: Utvikle ferdighetene dine med dyptgående, moderne kurs innen front-end.
- key: sponsors.google_chrome.description
t: Takk til Google Chrome teamet for støtten til vårt arbeid.
- key: sponsors.tokyodev.description
t: Finn din drømmejobb som utvikler i Japan idag.
- key: sponsors.renderatl.description
t: Tech-konferransen med fokus på alle-ting-web
- key: sponsors.gitnation.description
t: >
Abonner på GitNation Multipass: få tilgang til 11 digitale konferanser,
over 300 timer med innhold og praktiske workshops om JavaScript, React,
Vue og Node.
- key: about.content
t: >
**2024 State of JavaScript**-undersøkelsen ble gjennomført fra 22.
november til 12. desember 2024, og samlet inn 23 540 svar. Resultatene ble
publisert 20. juni 2024. Undersøkelsen er drevet av
[Devographics](https://devographics.com/), et kollektiv bestående av meg
([Sacha Greif](https://sachagreif.com/)) og [Eric
Burel](https://www.lbke.fr/), samt inviterte eksperter og open-source
bidragsytere.
**State of JavaScript**-logoen og t-skjorten ble designet av [Christopher
Kirk-Nielsen](http://chriskirknielsen.com/).
### Undersøkelsens mål
Denne undersøkelsen ble laget for å identifisere kommende trender i
webutviklingsøkosystemet, for å hjelpe utviklere med å ta teknologiske
valg.
Som sådan fokuserer undersøkelsen på å forutsi hva som vil komme de neste
årene, i stedet for å analysere hva som er populært nå. Derfor kan
funksjoner eller teknologier noen ganger bli utelatt, selv om de er
utbredte for øyeblikket.
Undersøkelsen bør også sees på som et **øyeblikksbilde av en spesifikk
undergruppe av utviklere**, og er ikke ment å representere hele
økosystemet.
### Undersøkelsesdesign
Undersøkelsen ble designet delvis basert på fjorårets undersøkelse, med en
åpen tilbakemeldingsperiode hvor undersøkelsens disposisjon ble diskutert
[på
GitHub](https://github.com/Devographics/surveys/issues?q=is%3Aissue+is%3Aopen+label%3A%22State+of+JS+2024%22).
Alle spørsmål i undersøkelsen var valgfrie.
### Undersøkelsens publikum
Undersøkelsen var fritt tilgjengelig online, og respondentene ble ikke
filtrert eller selektert på noen måte. Respondentene var hovedsakelig en
blanding av respondenter fra tidligere undersøkelser (informert gjennom en
dedikert e-postliste) og trafikk fra sosiale medier.
Merk at rammeverk, biblioteker, osv. var frie til å oppfordre sitt
publikum til å delta i undersøkelsen, og noen av dem benyttet seg av dette
via bannere, tweets osv. En detaljert oversikt over trafikkilder er
inkludert i "Sources"-diagrammet.
### Prosjektfinansiering
Finansieringen for dette prosjektet kommer fra forskjellige kilder:
- **T-skjortesalg**.
- **Sponsede lenker**: Lenker til anbefalte ressurser nederst på hver side
leveres av våre partnere [Frontend Masters](https://frontendmasters.com/)
og [RenderATL](https://www.renderatl.com/).
- **Direkte finansiering**: I år har [Google](https://www.google.com/)
finansiert mitt arbeid med undersøkelsen.
Alle bidrag eller sponsorater er svært verdsatt. Vi ønsker spesielt å
samarbeide tettere med flere nettleserleverandører, ettersom de spiller en
så sentral rolle i webøkosystemet.
### Teknisk oversikt
Du kan finne en mer detaljert teknisk oversikt over hvordan undersøkelsene
gjennomføres
[her](https://dev.to/sachagreif/how-the-devographics-surveys-are-run-2024-edition-1p6a).
- key: user_info.country.takeaway.js2024
t: >
Som vanlig representerte USA en stor andel av respondentene, og landet
toppet også rangeringen når det gjaldt medianinntekt.
- key: user_info.age.takeaway.js2024
t: >
Med en gjennomsnittlig alder på 33,5 år, viste det seg at den
gjennomsnittlige respondenten i State of JS var litt yngre enn i State of
CSS (34,9) og State of HTML (35,8).
Interessant nok var yngre respondenter mye mer sannsynlig å lide av
kognitive og visuelle funksjonshemninger, mens eldre respondenter var mer
påvirket av hørsel- og mobilitetsproblemer.
- key: user_info.years_of_experience.takeaway.js2024
t: >
51 % av respondentene hadde 10 års erfaring eller mindre – noe som betyr
at flertallet av de som svarte på undersøkelsen ikke har kjent til verden
før moderne JavaScript-rammeverk.
- key: user_info.company_size.takeaway.js2024
t: >
Større selskaper fortsetter å representere en betydelig andel av
respondentene, mens selskapsstørrelse fortsatt er tett koblet med
inntektsnivå.
- key: user_info.yearly_salary.takeaway.js2024
t: >
Selv om vi ofte hører historier om seksifrede lønninger fra Silicon
Valley, er virkeligheten at de fleste front-end utviklere rundt om i
verden tjener langt mindre, noe som blir tydelig når man sammenligner USA
med resten av verden.
- key: user_info.job_title.takeaway.js2024
t: >
Det ser ut som JavaScript-økosystemet har like mange forskjellige
jobbtitler som front-end rammeverk. Men én tydelig trend er at alt som har
"ingeniør" i tittelen vil gi deg høyere lønn – til og med sammenlignet med
CEO-er, CTO-er og grunnleggere. "Utviklere" derimot, er tydeligvis nederst
på rangstigen, og de burde kanskje vurdere å trykke nye visittkort…
- key: user_info.higher_education_degree.takeaway.js2024
t: >
Selv om det å ha en grad vil sikre deg høyere lønn, viser det seg at det
ikke nødvendigvis trenger å være relatert til programmering.
- key: user_info.gender.takeaway.js2024
t: >
Til tross for [ekstra
tiltak](https://dev.to/sachagreif/state-of-js-2024-outreach-and-diversity-report-n0e)
i år, så vi bare en liten økning i andelen kvinner og ikke-binære
respondenter sammenlignet med 2023, fra 5 % til 7 %.
- key: user_info.race_ethnicity.takeaway.js2024
t: >
Ikke-hvite respondenter var mer sannsynlig å være yngre og ha mindre
erfaring – noe som forhåpentligvis peker på en pågående diversifisering av
bransjen.
- key: user_info.disability_status.takeaway.js2024
t: >
Enten de er permanente eller midlertidige, er funksjonsnedsettelser en del
av hverdagen for mange av oss – spesielt ettersom vi blir eldre, når det
gjelder hørsel- og mobilitetshemming.
Og selv om noen funksjonsnedsettelser ikke påvirket respondentens evne til
å tjene til livets opphold, ser det ut til at synshemninger spesielt er
korrelert med lavere inntekt.
- key: features.language_pain_points.takeaway.js2024
t: >
Når respondentene ble spurt om hva de slet mest med i JavaScript, nevnte
de overveldende mangel på et innebygd typesystem – med problemer relatert
til nettleserstøtte på en andreplass.
- key: features.browser_apis_pain_points.takeaway.js2024
t: >
Ikke overraskende, så er dårlig nettleserstøtte den største hindringen når
det gjelder nettlesere og deres API-er. Safari ble også fremhevet som
ekstra utfordrende, og det samme gjaldt den generelle mangelen på
dokumentasjon om nettleserfunksjoner.
- key: features.reading_list.takeaway.js2024
t: >
Leselisten lar deg lagre elementer du ønsker å lære mer om etter at
undersøkelsen er fullført.
I år var det `error.cause`, Logical Assignment og `Object.groupBy()` som
mest trigget respondentene sin nysgjerrighet.
- key: tools.all_tools_experience.takeaway.js2024
t: >
Webpack er det mest brukte JavaScript-verktøyet, men ikke det mest
elskede. Den tittelen tilhører i stedet Vite, med 56 % positive meninger
(merk at å være nøytral også var et alternativ i år). Forbløffende nok var
Vite også det tredje mest brukte verktøyet totalt, til tross for at det
har eksistert i relativt kort tid!
React, derimot, kom på andreplass både på listen over de mest brukte
verktøyene og i rangeringen av de mest elskede, noe som viser en
imponerende varighet for et prosjekt som er over 10 år gammelt! Det er
også verdt å merke seg at React har den høyeste andelen brukere som aktivt
velger et sentiment.
- key: tools.tools_arrows.takeaway.js2024
t: >
JavaScript-biblioteker viser ofte et "boomerang"-mønster over tid: de får
et tidlig løft av positivitet (linjen går til høyre), bruken øker (linjen
skyter opp), men etter hvert finner brukerne flere mangler og virkelige
problemer, og meningene kan bli mer negative (linjen svinger til venstre).
Derfor er det alltid interessant å se prosjekter som klarer å bryte dette
mønsteret, som Vue og Angular, som begge har klart å vinne tilbake
positive meninger igjen etter noen år med mindre positive resultater.
- key: tools.tier_list.takeaway.js2024
t: >
Selv om det dessverre fortsatt ikke finnes en enkelt "S-tier"-stack,
virker både SvelteKit og Astro som trygge valg for å starte et prosjekt –
muligens sammen med Vitest for testing og pnpm for å administrere
monorepoet ditt.
- key: tools.scatterplot_overview.takeaway.js2024
t: >
Det er bemerkelsesverdig at det bare var tre biblioteker som fanget over
50 % av respondentenes bruk, samtidig som de opprettholdt en >50 %
beholdningsprosent: React, Jest og Vite – et tegn på et relativt
fragmentert økosystem.
- key: tools.front_end_frameworks_ratios.takeaway.js2024
t: >
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.
- key: tools.front_end_frameworks_pain_points.takeaway.js2024
t: >
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.
- key: tools.front_end_frameworks_work.takeaway.js2024
t: >
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.
- key: tools.meta_frameworks_work.takeaway.js2024
t: >
Gatsby kan være et av de minst elskede verktøyene, men det er også det mest lukrative – noe som mest sannsynlig skyldes at det hovedsakelig brukes i store selskaper.
På den andre siden av spekteret er Astro fortsatt i starten av sin reise mot bedriftsadopsjon, noe som igjen korrelerer med lavere inntekt.
- key: tools.meta_frameworks_ratios.takeaway.js2024
t: >
Next.js fortsetter å være langt foran konkurransen når det gjelder faktisk
bruk. Men ser man på retensjon, forteller det en annen historie – om det
ikke hadde vært for Gatsby, ville Next.js vært helt nederst.
Dette peker på suksessen til Astro og SvelteKit spesielt, som så langt har
klart å holde brukerne sine veldig fornøyde.
- key: tools.meta_frameworks_pain_points.takeaway.js2024
t: >
Akkurat som React i sin egen kategori, får Next.js som leder også mest
kritikk.
- key: tools.testing_ratios.takeaway.js2024
t: >
Det er sjeldent å se en trend så tydelig som Vitest sin oppstigning de
siste årene. Selv om det "bare" er nummer fire når det gjelder bruk,
topper det allerede rangeringen for interesse, retensjon og generell
positivitet – og viser ingen tegn til å gi fra seg topp-plassen med det
første.
- key: tools.testing_pain_points.takeaway.js2024
t: >
Mocking er den største utfordringen når det gjelder testing, tett fulgt av
besværet med komplekse oppsett og konfigurasjoner, og ikke minst langsomme
tester som tar lang tid å kjøre.
- key: tools.mobile_desktop_ratios.takeaway.js2024
t: >
I løpet av det siste tiåret har det blitt langt mer vanlig å bygge mobil-
og desktop-apper – men det betyr ikke nødvendigvis at utviklere er
fornøyde med verktøyene sine.
Mens Tauri og Expo skiller seg ut på toppen av retensjonsdiagrammet, har
alt annet en lavere ratio sammenlignet med de gamle, tradisjonelle
native-appene.
- key: tools.mobile_desktop_pain_points.takeaway.js2024
t: >
JavaScript-kodebaser sliter fortsatt med å konkurrere med rene
native-apper når det gjelder ytelse. Og det ser ut som både Electron og
React Native har sine utfordringer.
- key: tools.mobile_desktop_work.takeaway.js2024
t: >
Som tidligere ser det ut til at nyere verktøy som Tauri primært brukes på arbeidsplassen av mindre erfarne utviklere, noe som viser at det noen ganger kan være en fordel å ikke ha all den bagasjen!
- key: tools.build_tools_ratios.takeaway.js2024
t: >
Akkurat som sin slektning Vitest, vokser også Vite's markedsandeler raskt.
Sørg også for å følge med på nye aktører som Rolldown og Rspack, som begge
starter høyt på listene.
- key: tools.build_tools_pain_points.takeaway.js2024
t: >
Overkompliserte konfigurasjoner har tradisjonelt vært et problem for
byggeverktøy – men det er også ofte den samme kompleksiteten som gjør dem
kraftige.
- key: tools.build_tools_work.takeaway.js2024
t: >
Rspack har på en eller annen måte funnet en måte å bryte trenden på og hoppe rett inn i å bli adoptert av store selskaper, uten tvil et resultat av den svært smarte strategien for å bli en drop-in erstatning for webpack.
- key: tools.monorepo_tools_ratios.takeaway.js2024
t: >
Monorepoer har ennå ikke blitt mainstream i webutviklingsøkosystemet – men
for de som er modige nok til å utforske dette nye området, ser pnpm ut til
å være den klare frontløperen.
- key: tools.monorepo_tools_ratios.takeaway.js2024
t: >
Monorepoer er fortsatt for vanskelige å sette opp riktig. Og
pakkehåndtering i seg selv er noe vi fortsatt ikke har fått helt på plass…
men igjen, hvem har egentlig det?
- key: tools.monorepo_tools_work.takeaway.js2024
t: >
Det bør ikke komme som noen overraskelse at mange monorepo-verktøy brukes av store selskaper, siden selskapsstørrelse ofte korrelerer med størrelsen på kodebasen.
- key: usage.js_ts_balance.takeaway.js2024
t: >
Vi er nå helt inne i TypeScript-æraen. 67 % av respondentene svarte at de
skriver mer TypeScript enn JavaScript-kode – mens den største gruppen
besto av folk som *bare* skriver TypeScript.
- key: usage.compiled_code_balance.takeaway.js2024
t: >
Det bør ikke komme som noen overraskelse at nesten all JavaScript-kode i
2024 går gjennom et bygge-trinn. Selv om bundlere og bygningsverktøy
definitivt legger til kompleksitet i utviklingsprosessen vår, ser det ut
til at de mest sannsynlig er her for å bli.
- key: usage.ai_generated_code_balance.takeaway.js2024
t: >
Til tross for all praten om AI-assistert koding, er det fortsatt mange av
oss som bruker AI-verktøyene bare sparsomt. Faktisk er det hele 20 % som
ikke bruker dem i det hele tatt for å produsere kode.
- key: usage.usage_type.takeaway.js2024
t: >
Det er alltid godt å vite i hvilken kontekst respondentene skriver
JavaScript-kode, og langt de fleste bruker det som en del av deres daglige
jobb.
- key: usage.what_do_you_use_js_for.takeaway.js2024
t: >
Nesten alle respondentene oppga at de bruker JavaScript til
frontend-utvikling, noe som gir mening gitt språkets opprinnelse.
- key: usage.industry_sector.takeaway.js2024
t: >
Den største industrisektoren besto av utviklere som lager verktøy for
andre utviklere, mens den best betalte sektoren viste seg å være reklame.
- key: usage.js_app_patterns.takeaway.js2024
t: >
Til tross for at moderne JavaScript meta-rammeverk nå støtter komplekse
renderingstrategier, forble de vanligste applikasjonsmønstrene de mest
tradisjonelle: single-page apps og server-side rendering.
- key: usage.top_js_pain_points.takeaway.js2024
t: >
Kodearkitektur er alltid en bekymring når en kodebase når en viss
størrelse, så det gir mening at det toppet rangeringen over de største
JavaScript-utfordringene, etterfulgt av tilstands- og avhengighetsstyring.
- key: usage.js_new_features.takeaway.js2024
t: >
Det er for øyeblikket flere
[TC39-forslag](https://github.com/tc39/proposals) som er på vei til å bli
en realitet. Temporal og Decorators skilte seg ut i år som de som
respondentene var mest entusiastiske for.
- key: usage.top_currently_missing_from_js.takeaway.js2024
t: >
Mens mangelen på innebygd statisk typetesting har vært merkbart i
utviklerfellesskapet i lang tid, er det interessant å se Signals komme inn
på tredjeplass på denne listen, til tross for at det ikke er en del av de
mest populære front-end-rammeverkene.
- key: usage.native_types_proposal.takeaway.js2024
t: >
Det er tydelig at de som deltok i undersøkelsen ønsker seg innebygde
typer, og at de håper å se dem implementert med en TypeScript-lignende
syntaks.
Dessverre skilte ikke formuleringen av årets spørsmål klart mellom typer
runtime og TypeScript-lignende typer som annotasjoner, så det gjenstår å
se hvilken av disse to veiene som vil vinne fellesskapets favoritt.
- key: resources.courses.takeaway.js2024
t: >
Udemy har gjort en utmerket jobb med å rekruttere populære instruktører
som Brad Traversy og Colt Steele for å styrke sitt utvalg av
JavaScript-kurs, og det samme har Frontend Masters (disclaimer: Frontend
Masters finansierer denne undersøkelsen).
Det er også verdt å nevne *You Don't Know JS*, en flott bok som er
tilgjengelig gratis på nettet.
- key: resources.newsletters.takeaway.js2024
t: >
Nyhetsbrev er en flott måte å holde seg oppdatert på det stadig skiftende
JavaScript-landskapet, og Cooperpress' JavaScript Weekly fortsetter å være
ledende på området.
- key: resources.podcasts.takeaway.js2024
t: >
Mens Syntax beholder kronen et år til, kan en ny utfordring komme i form
av videoskapere som The Primeagen og Midudev, som enkelt kan generere
lydinnhold i tillegg til tradisjonelle videoer.
- key: resources.video_creators.takeaway.js2024
t: >
Fireship, Theo, og The Primeagen står øverst på rangeringen for
videoskapere. Men det er verdt å fremheve hvor livlig det spanskspråklige
økosystemet har blitt, med Midudev som et ledende navn, og som starter som
nummer fire på den totale listen.
Merk at den andre fanen viser de samme rangeringene, men manuelt filtrert
for spanskspråklige skapere.
- key: resources.people.takeaway.js2024
t: >
Engelsk har lenge vært det dominerende språket i teknologibransjen, men i
vårt hjørne av verden er det i det minste spansk som tar utfordringen, med
Midudev og Fernando Herrera på toppen av rangeringen for mest
innflytelsesrike utviklere innen ikke-videokanaler.
- key: user_metadata.source.takeaway.js2024
t: >
Flertallet av respondentene kjente til undersøkelsen fra tidligere år. Det
er også verdt å fremheve at [Angular](https://angular.dev/) og
[Nuxt](https://nuxt.com/) sine hjemmesider hadde bannere som pekte
brukerne deres til undersøkelsen; og at Bluesky kom inn på 5. plass, til
tross for at dette var første gang det dukket opp som en trafikkilde for
undersøkelsen.
Vi gjorde også spesifikke innsatsforsøk ([full rapport
her](https://dev.to/sachagreif/state-of-js-2024-outreach-and-diversity-report-n0e))
for å tiltrekke flere kvinnelige utviklere, men effekten var ikke helt som
vi hadde håpet på.
- key: user_metadata.past_surveys.takeaway.js2024
t: >
Denne diagrammet viser hvilke andre Devographics-undersøkelser årets
respondenter har deltatt i tidligere.
Det faktum at en betydelig andel av årets respondenter også har deltatt i
andre undersøkelser, peker på at webutvikling ikke er så fragmentert som
man kanskje skulle tro – selv om du primært skriver JavaScript, er det
fortsatt viktig å holde seg oppdatert på CSS og webplattformen!
Merk at vi kun kan generere dette datapunktet for respondenter som deltar
i undersøkelsen mens de er innlogget. Gjestrespondenter vises som “No
Answer”.
- key: user_metadata.past_same_survey_count.takeaway.js2024
t: >
Dette diagrammet viser hvor mange ganger respondentene i år har deltatt i
en State of JS-undersøkelse tidligere.
At den største gruppen består av nye respondenter, betyr at vi har klart å
nå ut til en ny befolkning, noe som reduserer skjevhet som kan komme fra
vår eksisterende målgruppe. Men det peker også på utfordringene med å få
folk til å fylle ut en undersøkelse konsekvent år etter år.
Merk at vi kun kan generere dette datapunktet for respondenter som har
tatt undersøkelsen mens de var innlogget. Gjestrespondenter vises som "No
Answer".