-
Notifications
You must be signed in to change notification settings - Fork 0
/
js2023.yml
412 lines (309 loc) · 23 KB
/
js2023.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
locale: nb-NO
translations:
###########################################################################
# General
###########################################################################
- key: general.results.description
t: 2023-utgaven av den årlige undersøkelsen om de nyeste trendene i JavaScript-økosystemet.
###########################################################################
# Introduction
###########################################################################
- key: introduction.js2023
t: |
<span class="first-letter">D</span>et burde være klart nå at, for bedre eller verre, JavaScript ikke bremser opp.
Mellom serverkomponenter, serverhandlinger, signaler, kompilatorer og mer, ser vi nye innovasjoner dukke opp raskere enn de fleste av oss kan håndtere.
Trikset for å unngå den fryktede JavaScript-utmattelsen er å huske at du kan velge din egen vei: selvfølgelig kan du leve livet på den banebrytende kanten med tidlige brukere; men du kan også holde et tregere tempo og fokusere på stabile, modne teknologier – og til slutt komme til den nye hete trenden når den har fått et par år på seg til å kjøle seg ned.
Når vi snakker om å ta det rolig, lurer du kanskje på hvorfor disse 2023-undersøkelsesresultatene blir utgitt seks måneder inn i *2024*. Sannheten er at vi, mellom lanseringen av den nye [State of HTML](https://2023.stateofhtml.com/) undersøkelsen, innovasjon av nye spørsmålsformater, innsamling av mer friformdata enn noen gang, og omskrivning av mye av koden vår for datavisualisering, endte opp med en arbeidsmengde som trolig var litt for ambisiøs, mildt sagt.
Forhåpentligvis vil resultatet av all denne ekstra innsatsen være verdt det. Og vi planlegger mye raskere behandlinger fremover.
Med alt dette på plass, la oss oppdage hva JavaScript har vært opptatt med i det siste!
<span class="conclusion__byline">– Sacha Greif</span>
###########################################################################
# Tshirt
###########################################################################
- 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)!
###########################################################################
# Sections
###########################################################################
- key: sections.user_info.description
t: |
I år deltok **23,540** respondenter i undersøkelsen. For å hjelpe med å fremheve forskjellige stemmer og avdekke dypere innsikter, gjorde vi en spesiell innsats for å gi nye måter å bryte ned dataene våre på.
- key: sections.features.description
t: |
I år la vi spesielt vekt på å identifisere utfordringer utvikleres har med JavaScript. Som man kan forvente, ledet **mangelen på innebygd typing** og **nettleserinkonsekvenser** deres respektive diagrammer, hver påvirket nesten en tredjedel av utviklerne.
- key: sections.libraries.description
t: |
Vi har omarbeidet diagrammene våre for å fremheve ikke bare utvikleropplevelsen, men også *stemningen*. Husk å utforske disse nye grupperingene og sorteringsalternativene for å finne ut hvilke biblioteker som får mest kjærlighet… eller minst!
- key: sections.other_tools.description
t: |
Selv om JavaScript-samtalen ofte ser ut til å kretse rundt hvilket rammeverk man skal velge, er det verdt å huske at det finnes en hel galakse av andre verktøy, tjenester og plattformer å utforske utover det!
- key: sections.usage.description
t: |
Igjen ser det ut til at TypeScript har etablert seg som standard, i det minste blant respondenter i undersøkelsen. Men bortsett fra det, forblir bruken av JavaScript så variert som alltid!
- key: sections.resources.description
t: |
I stedet for å tilby forhåndsdefinerte lister med alternativer for undersøkelsesrespondentene, bestemte vi oss for å tilby rå tekstfelt. Dette førte til ganske mange nye deltakere i Ressurser-seksjonen i år!
- key: sections.awards.description
t: |
Årets prisutdeling ble dominert av ett veldig spesifikt prosjekt… hvor raskt vil du gjette hva det er?
###########################################################################
# Charts
###########################################################################
- 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
###########################################################################
# Notes
###########################################################################
- 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.
###########################################################################
# Awards
###########################################################################
- 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: Vite tar igjen førsteplassen, med **{value}** av utviklerne villige til å bruke det igjen!
- key: award.tool_interest_award.comment
t: Gjettet du Vite? Nært, men i år er **Vitest** teknologien utviklerne er mest interessert i, med en **{value}** interessegrad.
- key: award.most_write_ins_award.comment
t: Med **{value}** omtaler, var **Bun** den mest nevnte teknologien totalt i fritekstspørsmål.
- key: award.most_commented_tool_award.comment
t: Med **{value}** kommentarer viste React at det igjen er det mest omtalte biblioteket.
- key: award.most_loved_tool_award.comment
t: Med **{value}** av alle utviklere som har en positiv oppfatning av det, avslutter Vite sin feiring av disse prisene ved å være den mest elskede teknologien!
###########################################################################
# Conclusion
###########################################################################
- key: conclusion.js2023.cassidy_williams
t: |
<span class="first-line">Hei alle sammen, for et kult år å være på internett.</span>
Det skjer så mange interessante og spennende endringer, og jeg har popcornet mitt ved tastaturet, bygget og sett på!
Det faktum at så mange "mindre" biblioteker som Preact, Solid, og htmx klatrer i positiv stemning over noe stort som Next.js er fascinerende. Vi begynner å se Angular gjøre en liten comeback, og vi får se om den trenden fortsetter neste år. Vi ser folk falle ut av kjærligheten med noen av bransjens darlinger. Vi ser veldig rustne systemer vokse. Astro føles som om det er på vei med utviklerstøtte.
Når det gjelder faktiske nettleserfunksjoner, føles det nesten som om vi går for raskt for verden å henge med. Som ikke nødvendigvis er en dårlig ting! Men jeg deler helt bekymringen om at nettleserstøtte er min primære bekymring over alle de kule tingene som kommer ut.
Når det er sagt, så elsker jeg personlig å bruke noen av de nye array-funksjonene og det faktum at flere og flere folk støtter PWAs.
Neste år, la oss forbedre mangfoldet av svar, få flere folk til å utvikle, og forhåpentligvis vil alle de nye og spennende endringene tippe mot moro, snarere enn å være skremmende! Takk Sacha og teamet for å inkludere meg her, og for å kjøre en annen fantastisk og verdifull undersøkelse.
Vi sees online!
- key: conclusion.js2023.cassidy_williams.bio
t: Utviklingsforkjemper, ingeniør, open sourcer og memer
- key: conclusion.js2023.theo_browne
t: |
<span class="first-line">Javascript flytter til serveren, og vi er litt urolige.</span>
I fjorårets undersøkelse så vi raskt voksende adopsjon av server-renderte rammer som Next, Nuxt, Remix, og SvelteKit. I år har vi gått over til server-første mønstre som Partial Hydration og Islands, som har doblet sin adopsjon.
Ramme-, eh, biblioteker som htmx viser at webutviklere ikke er de eneste som drar nytte av å utnytte serveren. SPAs forsvinner ikke (ta en titt på [Inertia](https://inertiajs.com/) for bevis), men ettersom disse nye mønstrene fortsetter å forbedre seg, ser det ut til at markedet følger med.
Denne bevegelsen har ikke vært entydig elsket. React har fortsatt å vokse, men React-utviklere er i økende grad bekymret for retningen den tar. Å komme hit har vært... tøft, men fremgang gjøres hver dag.
Vi ser også flere alternativer dukke opp utenfor React-økosystemet. Fra [Nuxt](https://roe.dev/blog/nuxt-server-components) til [SolidStart](https://docs.solidjs.com/solid-start/reference/server/use-server) til [Astro](https://astro.build/blog/astro-480/#experimental-astro-actions), alle de beste funksjonene for React Server Components rulles ut til alle utviklere.
Og selvfølgelig har Vite fortsatt å dominere, og er valget for app-utviklere og rammeverksforfattere alike. Det er vanskelig å forestille seg hvor vi ville vært i dag uten det!
- key: conclusion.js2023.theo_browne.bio
t: Skaper av Ping, uploadthing, create-t3-app og videoprodusent
###########################################################################
# Picks
###########################################################################
- key: picks.my_pick
t: "Mine valg for 2023: "
- key: picks.intro
t: Vi spurte medlemmer av JavaScript-fellesskapet om å dele sitt "årets valg"
# https://leaddev.com/personal-development/how-build-trust-new-engineering-manager
- key: picks.emma_bostian.name
t: Hvordan bygge tillit som ny engineering manager
- key: picks.emma_bostian.bio
t: Engineering Manager, instruktør og medvert av Ladybug Podcast.
- key: picks.emma_bostian.description
t: |
Jeg har funnet blogginnleggene på LeadDev under "Skills for new managers" uvurderlige som ny Engineering Manager. De gir flotte ressurser for alle som ønsker å utvide sine ferdigheter innen ingeniørledelse og ledelse!
# https://pocketbase.io
- key: picks.fireship.name
t: Pocketbase
- key: picks.fireship.bio
t: Google Developer Expert, dataentusiast og YouTuber
- key: picks.fireship.description
t: |
Mitt valg for året er Pocketbase-prosjektet - en åpen kildekode SQLite-drevet backend. Dets JavaScript SDK gir webutviklere alt som trengs for å bygge en seriøs applikasjon, og kan utrolig nok distribueres som en enkelt binærfil til enhver $5-server.
# https://www.localfirst.fm/
- key: picks.rich_harris.name
t: localfirst.fm
- key: picks.rich_harris.bio
t: Open source uromaker hos Vercel. Skaper av Rollup og Svelte
- key: picks.rich_harris.description
t: |
Hvis du er interessert i hvor programvare er på vei, er denne podkasten et must å lytte til. Den vil fornye din optimisme om fremtiden for webutvikling.
# https://tldraw.com
- key: picks.david_khourshid.name
t: tldraw
- key: picks.david_khourshid.bio
t: Skaper av XState og grunnlegger av [http://stately.ai](Stately)
- key: picks.david_khourshid.description
t: |
Mye mer enn et uendelig lerret, tldraw omdefinerer hva som er mulig med brukergrensesnitt, fra sine imponerende AI-eksperimenter til sin oppmerksomhet på tegndetaljer. Kildekoden er også lett tilgjengelig, og jeg setter pris på tilstandsmaskinene og den utvidbare API-en for uendelig tinkering.
# https://replicache.dev/
- key: picks.dax_raad.name
t: Replicache
- key: picks.dax_raad.bio
t: Bygger [SST](https://sst.dev/) og [terminal](https://www.terminal.shop/)
- key: picks.dax_raad.description
t: |
Ingen teknologi har hatt større innvirkning på kvaliteten på det jeg har levert de siste årene. Jeg tror de bærer faklen for å presse hva som kan gjøres på nettet.
# https://lexical.dev/
- key: picks.german_jablonski.name
t: Lexical
- key: picks.german_jablonski.bio
t: CEO og skaper av [Fluski](https://fluski.com/), notater og regneark manager
- key: picks.german_jablonski.description
t: |
Det har vært et eksepsjonelt år for Meta teksteditoren. Dets geniale datamodell og livssyklus har hatt stor innflytelse på måten jeg programmerer.
# https://marvinh.dev/blog/speeding-up-javascript-ecosystem/
- key: picks.alina_listunova.name
t: Å gjøre JavaScript-økosystemet raskere
- key: picks.alina_listunova.bio
t: Front-end utvikler, teknisk oversetter 🇺🇦
- key: picks.alina_listunova.description
t: |
Startet på slutten av 2022, denne pågående artikkelserien av Preact-utvikler Marvin Hagemeister avdekker tidseffektive elementer i moderne JavaScript-prosjekter og tilnærminger. Det er virkelig et fascinerende stykke for ytelseskonsentrerte fagfolk.
# https://www.rspack.dev/
- key: picks.shadowingszy.name
t: Rspack
- key: picks.shadowingszy.bio
t: Arkitekt av Datawhale, senior front-end R&D ingeniør hos ByteDance
- key: picks.shadowingszy.description
t: |
Rspack er en Rust-basert webbundler med ekstremt utmerket ytelse. Ved å bruke Rust har den løst mange ytelsesflaskehalser til JS-bundler. Og den kan være kompatibel med webpack-økosystemet.
# https://unjs.io/
- key: picks.quarkstuff.name
t: UnJS
- key: picks.quarkstuff.bio
t: Web- og spillutviklernerd
- key: picks.quarkstuff.description
t: |
UnJS-økosystemet er som en utviklerens leketøyboks. Fra ofetch og consola til citty og nitro, er det sannsynligvis noe der for ditt neste store prosjekt.
# https://www.npmjs.com/package/tess2
- key: picks.martin_heidegger.name
t: tess2.js
- key: picks.martin_heidegger.bio
t: Webutvikler, eventarrangør
- key: picks.martin_heidegger.description
t: |
Jeg skrev ikke mye JavaScript i fjor, men jeg ble imponert over tess2-algoritmen, et 10 år gammelt npm-bibliotek som fortsatt fungerer bra!
# https://auto-animate.formkit.com/
- key: picks.sacha_greif.name
t: AutoAnimate
- key: picks.sacha_greif.bio
t: Skaper av State of JS
- key: picks.sacha_greif.description
t: |
Formkits AutoAnimate-bibliotek, som du kan se i aksjon akkurat her på dette nettstedet, gjør akkurat det navnet tilsier og finner på en eller annen måte ut hvordan man kan legge til animasjoner til appene dine med en enkelt linje kode!
# https://nuxt.com/
- key: picks.rexhent.name
t: Nuxt
- key: picks.rexhent.bio
t: Aspiring Linux and web developer
- key: picks.rexhent.description
t: |
Nuxt er fokusert på utvikleropplevelse (DX) og brukeropplevelse (UX). Det er stabilt og forbedres kontinuerlig. Det har de beste utviklerverktøyene av alle rammeverk, og har laget UnJS og andre verktøy som driver nye rammeverk, som Nitro. De er en søyle i FOSS-samfunnet.
# https://medium.com/@devgustavovasquez/the-future-of-web-development-embracing-interoperable-runtimes-bd2006e9b9d7
- key: picks.gustavo_vasquez.name
t: Web Interoperable Runtimes
- key: picks.gustavo_vasquez.bio
t: Software Engineer 🇧🇷
- key: picks.gustavo_vasquez.description
t: |
Web-interoperable runtime-miljøer er kjøremiljøer som tillater at kode kjører konsekvent på tvers av flere plattformer og miljøer. Jeg tror at det å jobbe med en slik standard eksponerer oss for fremtiden innen webutvikling.
# https://x.com/wunderacle
- key: picks.augustin_mauroy.name
t: Claudio Wunder
- key: picks.augustin_mauroy.bio
t: Web-utvikler og OSS-enthusiast
- key: picks.augustin_mauroy.description
t: |
Claudio er en fantastisk person. Han har hjulpet meg med å vokse som utvikler, men han har også gjort det mulig å redesigne Node-nettstedet, takket være sine lederegenskaper. Og han fortsetter å drive Node-prosjektet fremover.
# https://www.electronjs.org/
- key: picks.kilian_valkhof.name
t: Electron
- key: picks.kilian_valkhof.bio
t: Skaper av Polypane Browser for utviklere
- key: picks.kilian_valkhof.description
t: |
Med hverdagsapper som VS Code, Figma, Discord, Slack og 1Password som alle kjører på Electron, forblir det en integrert del av JS- og utviklerøkosystemet. Mange verktøy vi alle bruker ville ikke eksistert uten det, og når det brukes riktig, er det virkelig en kraftig plattform.
# https://x.com/dawntraoz
- key: picks.arisa_fukuzaki.name
t: Alba Silvente Fuentes
- key: picks.arisa_fukuzaki.bio
t: Senior DevRel Engineer & Docs hos Storyblok
- key: picks.arisa_fukuzaki.description
t: |
Alba skriver om frontend-utvikling, webarkitektur og webytelse, har deltatt på mange konferanser, og har en podcast, "No me da la vida". Hun har inspirert mange utviklere, og jeg er en av dem!
# - key: picks.xxxx.name
# t:
# - key: picks.xxxx.bio
# t:
# - key: picks.xxxx.description
# t: |
###########################################################################
# Sponsors
###########################################################################
- 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
###########################################################################
# FAQ/About
###########################################################################
- key: about.content
t: |
The 2023 State of JavaScript-undersøkelsen ble gjennomført fra 22. november til 12. desember 2023, og samlet inn 23,540 svar. Resultatene ble publisert 20. juni 2024. Undersøkelsen ledes 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 bidragsytere til åpen kildekode.
Logoen for State of JavaScript og T-skjorte ble designet av [Christopher Kirk-Nielsen](http://chriskirknielsen.com/).
### Mål for Undersøkelsen
Denne undersøkelsen ble opprettet for å identifisere kommende trender i webutviklingsøkosystemet for å hjelpe utviklere med å ta teknologiske valg.
Som sådan er undersøkelsen fokusert på å forutsi hva som kommer i løpet av de neste årene, i stedet for å analysere hva som er populært nå, som er grunnen til at funksjoner eller teknologier noen ganger kan bli utelatt, selv om de for tiden er utbredte.
Det bør også forstås som et **øyeblikksbilde av en spesifikk undergruppe av utviklere**, og er ikke ment å tale for hele økosystemet.
### Undersøkelsesdesign
Undersøkelsen ble delvis designet basert på fjorårets undersøkelse, med en åpen tilbakemeldingsperiode der undersøkelsens disposisjon ble diskutert [på GitHub](https://github.com/Devographics/surveys/issues?q=is%3Aissue+is%3Aopen+label%3A%22State+of+JS+2023%22).
Alle spørsmål i undersøkelsen var valgfrie.
### Undersøkelsens Publikum
Undersøkelsen var åpent tilgjengelig på nettet, og respondenter ble ikke filtrert eller valgt på noen måte. Respondentene var primært en blanding av respondenter fra tidligere undersøkelser (varslet gjennom en dedikert e-postliste) og trafikk fra sosiale medier.
Merk at rammeverk, biblioteker osv. fritt kunne oppmuntre sitt publikum til å delta i undersøkelsen, og noen av dem utnyttet dette via bannere, tweets osv. En detaljert oversikt over trafikkilder er inkludert i diagrammet "Kilder".
### Prosjektfinansiering
Finansiering av dette prosjektet kommer fra ulike kilder:
- **T-skjorte salg**.
- **Sponsede lenker**: lenkene 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 finansierte [Google](https://www.google.com/) arbeidet mitt med undersøkelsen.
Enhver bidrag eller sponsing er svært verdsatt. Vi ønsker spesielt å samarbeide tett med flere nettleserleverandører, siden 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-2023-edition-1p6a).