-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjs2021.yml
423 lines (311 loc) · 22.6 KB
/
js2021.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
locale: nb-NO
translations:
###########################################################################
# General
###########################################################################
- key: general.results.description
t: Den 2021-utgaven av den årlige undersøkelsen om de nyeste trendene i JavaScript-økosystemet.
- key: general.livestream_announcement
t: Sørg for å følge med på vår [spesielle livestream av undersøkelsesresultatene](https://dev.to/sachagreif/state-of-javascript-2021-livestream-24a5) den 22. februar! (Engelsk)
###########################################################################
# Introduction
###########################################################################
- key: introduction.js2021
t: |
<span class="first-letter">M</span>ye skjedde i 2021. Så mye faktisk at undersøkelsen ble utsatt helt til 2022!
Mellom en rekke raskere byggverktøy og en ny generasjon av back-end rammeverk, fortsatte JavaScript-verdenen å utvikle seg. Og vi gjorde vårt beste for å holde tritt, og ga denne undersøkelsen et par nye kraftløft ([les mer om hva som er nytt](https://dev.to/sachagreif/whats-new-in-the-2021-state-of-javascript-survey-4eej)), som nye spørsmåls typer, muligheten til å kryssreferere to datapunkter (som årlige lønninger etter erfaringsnivå), og til og med en måte å tilpasse diagrammene på for å få frem dine egne innsikter! Les mer om [hva som er nytt i år](https://dev.to/sachagreif/whats-new-in-the-2021-state-of-javascript-survey-4eej) (Engelsk).
Det var imidlertid ikke alt en dans på roser. Vi måtte håndtere en [datalekkasje](https://dev.to/sachagreif/disclosing-a-state-of-javascriptstate-of-css-data-breach-2lg1) som heldigvis ikke så ut til å ha noen dårlige konsekvenser. Og vi jobber kontinuerlig med å gjøre undersøkelsen mer inkluderende, mer tilgjengelig, og mer rettferdig.
Likevel, selv om undersøkelsen bare kan representere en bitte liten del av JavaScript-økosystemet, håper vi at du vil finne de resulterende dataene interessante!
<span class="conclusion__byline">– Sacha Greif</span>
###########################################################################
# T-shirt
###########################################################################
- key: sections.tshirt.title
t: T-skjorte
- key: sections.tshirt.description
t: |
## Støtt undersøkelsen med State of JavaScript T-skjorte
Mellom den dårlige videokvaliteten, de klumpete kassettbåndene og å måtte spole tilbake, er det ikke mye å savne fra VHS-æraen. Men en ting vi *savner* er de fantastiske 90-tallsvisuelle som pleide å pryde blanke VHS-bånd.
Men nå, takket være den talentfulle Christopher Kirk-Nielsen kan du nyte all denne retro stilen mens du også feirer din kjærlighet for JavaScript samtidig!
- 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 partner, Cotton Bureau.
- key: tshirt.getit
t: Kjøp den
- key: tshirt.price
t: USD $29 + 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 **16,085** respondenter i undersøkelsen. Og 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: |
JavaScript kan bevege seg raskt, men det ser ut som om JavaScript-utviklere beveger seg enda raskere, da mange relativt nye funksjoner allerede viser høye adopsjonsnivåer.
- key: sections.technologies.description
t: |
Resultatene fra i år peker på et høyt nivå av fragmentering i JavaScript-verdenen. Men selv om dette noen ganger kan forårsake hodepine, gjør all denne konkurransen for et veldig dynamisk økosystem.
- key: sections.tools_others.description
t: |
Å velge en teknologi kan ofte komme ned til en rekke tøffe valg mellom konkurrerende prioriteringer, og i år prøvde vi å fange denne prosessen ved å bruke et nytt spørsmålformat i brakt- stil.
- key: sections.environments.description
t: |
Tilgjengelighet har lenge vært en ettertanke når det gjelder webutvikling, men mange utviklere innser nå at det faktisk bør være grunnlaget som alt annet hviler på.
- key: sections.resources.description
t: |
Å fremheve blogger, podcaster og nettsteder var en god start, men i år bestemte vi oss for å ta ett skritt videre og faktisk presentere menneskene som utgjør JavaScript-samfunnet!
- key: sections.opinions.description
t: |
Enten det er utfordringer som holder deg tilbake i dag, eller manglende funksjoner som du håper å bruke i morgen, var dette din sjanse til å lufte og dele dine klager om JavaScript!
###########################################################################
# 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
- key: blocks.tools_quadrant.description
t: |
Dette diagrammet viser hver teknologis **beholdningsforhold** over totalt **antall brukere**.
Det kan deles inn i fire kvadranter:
- **1**: Lav bruk, høy beholdning. Teknologier verdt å følge med på.
- **2**: Høy bruk, høy beholdning. Sikkert teknologier å adoptere.
- **3**: Lav bruk, lav beholdning. Teknologier som er vanskeligere å anbefale for øyeblikket.
- **4**: Høy bruk, lav beholdning. Vurder disse teknologiene på nytt hvis du bruker dem for øyeblikket.
###########################################################################
# 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.css_missing_features.note
t: |
Du kan utforske hele datasettet av svar på dette spørsmålet i [dette sideprosjektet](https://whatsmissingfromcss.com/).
- key: blocks.source.note
t: >
Dette diagrammet samler en blanding av henvisninger, URL-parametere, og svar i fritekst-format.
- State of JS: [State of JS](https://stateofjs.com) nyhetsbrev.
- State of CSS: State of CSS nyhetsbrev; matcher også `e-post`, `via e-post`, osv.
- Jobb: matcher `jobb`, `kollegaer`, `arbeidskolleger`, osv.
###########################################################################
# Awards
###########################################################################
- key: award.feature_adoption_delta_award.comment
t: Med en **{value}** fremgang i 2021 har den nullish coalescing operatoren (??) raskt blitt en integrert del av JavaScript.
- key: award.tool_usage_delta_award.comment
t: esbuild er knapt to år gammel, men med en **{value}** fremgang det siste året får det allerede fotfeste.
- key: award.tool_satisfaction_award.comment
t: Vite tar førsteplassen med en høy skyhøy **{value}** beholdningsforhold!
- key: award.tool_interest_award.comment
t: Med en **{value}** interesseforhold, vinner Vite igjen gull!
- key: award.most_write_ins_award.comment
t: Mange spørsmål aksepterte også skriv-inn svar, og med **{value}** omtaler var Elm det mest populære emnet totalt.
###########################################################################
# Conclusion
###########################################################################
- key: conclusion.js2021
t: |
<span class="first-line">JavaScript er i en utrolig mye bedre tilstand i dag sammenlignet med 2016.</span>
Den gangen den første State of JS-undersøkelsen ble gjennomført, brukte bare 21 % av dere TypeScript sammenlignet med 69 % i dag. Mens vi pleide å tulle om at et nytt front-end rammeverk ble utgitt hver dag, har **React** og **Vue** nå vært dominerende i 6 år på rad. Og prosentandelen av folk som rapporterer at "JS beveger seg for raskt" har falt fra 59 % til 38 %.
Dette betyr ikke at språket har stått stille. **Optional Chaining** og **Nullish Coalescing** API-ene har steget til å bli de mest brukte nye API-ene i vår undersøkelse, til tross for at de bare er 2 år gamle. Og flere gode ting er på vei fra TC39: du rapporterte at datohåndtering er en topp manglende funksjon, og Temporal API nå nylig nådde [Stage 3](https://github.com/tc39/proposal-temporal).
Verktøyøkosystemet opplever også sin egen raske utvikling, og det er rett å si at 2021 har vært året for **Vite**. Vite debuterte ikke bare med 98 % beholdning, men bruken er allerede på 30 % i sitt første år på vår undersøkelse, til og med overskygger esbuild. Vite er ikke alene om å prøve å forbedre tilstanden til JavaScript byggverktøy - 8 av de 12 verktøyene vi sporer i dag er mindre enn to år gamle! Og mens **pnpm**, **Turborepo**, og **Nx** tok toppplasseringene i vårt første år med å spore monorepo-verktøy, rapporterer bare 25 % at de er fornøyde med tilstanden i den kategorien, noe som viser at det gjenstår mye arbeid å gjøre.
Også bemerkelsesverdig: mange nye aktører som **Deno**, **Rome**, **Astro**, **Remix**, og flere støttes nå av venturekapital-baserte selskaper, noe som kanskje tegner et levedyktig alternativ til det skjøre finansieringsmiljøet for open-source.
Når den [tredje epoken av JavaScript](https://www.swyx.io/js-third-age/) går inn i sitt tredje år, fortsetter mulighetene for lovende open sourcerors og entreprenører å folde seg ut, og jeg er spent på å se hva de neste par årene vil bringe!
- key: conclusion.js2021.bio
t: Head of DX hos Temporal
###########################################################################
# Picks
###########################################################################
- key: picks.my_pick
t: "Mitt valg for 2021: "
- key: picks.intro
t: Vi ba medlemmer av JavaScript-samfunnet dele sine "årets valg".
- key: picks.lee_robinson.name
t: SvelteKit
- key: picks.lee_robinson.bio
t: Direktør for Utviklerrelasjoner hos Vercel
- key: picks.lee_robinson.description
t: |
SvelteKit er en ny tilnærming til bygging for nettet og har et
utrolig lidenskapelig, voksende samfunn av støttespillere.
- key: picks.vadim_makeev.name
t: Server-Side Rendering
- key: picks.vadim_makeev.bio
t: DevRel, Podcaster & Webstandardforkjemper
- key: picks.vadim_makeev.description
t: |
Tiden har kommet for å få prioriteringene våre på plass.
UX > DX, og det har alltid vært slik. Ytelse FTW!
- key: picks.ben_ilegbodu.name
t: Lee Robinson
- key: picks.ben_ilegbodu.bio
t: Ben Ilegbodu, Hovedfrontendingeniør hos Stitch Fix
- key: picks.ben_ilegbodu.description
t: |
Lee har vært fantastisk til å lede og ivareta Next.js.
Han har hjulpet meg mye med Next og fortsetter å bygge entusiasme
for hvor det er på vei.
- key: picks.shawn_wang.name
t: Supabase
- key: picks.shawn_wang.bio
t: Leder for DX hos Temporal
- key: picks.shawn_wang.description
t: |
Supabase gjør Postgres tilgjengelig for flere utviklere og viser
alle hvordan et lite, fokusert team kan levere mer enn konkurrenter som er 10 ganger så store.
- key: picks.sarah_drasner.name
t: Pawel Kozlowski
- key: picks.sarah_drasner.bio
t: Sjefsingeniør, Kjerneutvikler Web hos Google
- key: picks.sarah_drasner.description
t: |
Pawel Kozlowski er den typen utvikler som kan være åpen for forskjellige tilnærminger med ydmykhet og nysgjerrighet med mål om å forbedre ting.
- key: picks.sara_vieira.name
t: Paul Henschel
- key: picks.sara_vieira.bio
t: Internasjonal Agent for JS Bullshit
- key: picks.sara_vieira.description
t: |
Pauls arbeid med animasjoner og ReactThreeFiber
har gjort det mye enklere å gjøre enhver form for 3D-arbeid på nettet.
- key: picks.mark_erikson.name
t: Ryan Carniato
- key: picks.mark_erikson.bio
t: Redux Vedlikeholder
- key: picks.mark_erikson.description
t: |
Ryans reaktive JS-rammeverk SolidJS nådde 1.0,
og han har skrevet mange artikler som analyserer avanserte
implementasjonskonsepter for JS-rammer.
- key: picks.miguel_angel_duran.name
t: Vite
- key: picks.miguel_angel_duran.bio
t: Front End Utvikler & Twitch Coding Streamer
- key: picks.miguel_angel_duran.description
t: |
I tillegg til esbuild og swc, fantastiske verktøy som driver økosystemet fremover,
nyter jeg Vite. Det har en herlig utvikleropplevelse, og er rikt på funksjoner.
- key: picks.alyssa_nicoll.name
t: BroccoDev's Twitch Stream
- key: picks.alyssa_nicoll.bio
t: Senior Developer Advocate hos Progress
- key: picks.alyssa_nicoll.description
t: |
Mike Brocchi begynte nylig å streame til Twitch. Han er en brilliant programmerer,
utvikler og, viktigst av alt, lærer.
Jeg har alltid det moro med å se på streamene hans og lære av ham.
- key: picks.michael_jackson.name
t: esbuild
- key: picks.michael_jackson.bio
t: Medgründer av Remix
- key: picks.michael_jackson.description
t: |
Vi har bygget Remix-kompilatoren på toppen av esbuild, og den
har definitivt hevet standarden når det gjelder JS-bundlere.
Den er utrolig rask, og plugin-API-en lar oss gjøre nesten hva vi vil.
- key: picks.david_khourshid.name
t: Remix
- key: picks.david_khourshid.bio
t: Pianist og grunnlegger av Stately
- key: picks.david_khourshid.description
t: |
Remix er et fullstack webrammeverk som føles gammeldags, men på en god måte,
ved å sette deg på veien mot å lage raske, komplekse og tilgjengelige moderne webapper.
- key: picks.kent_c_dodds.name
t: Fly.io
- key: picks.kent_c_dodds.bio
t: Direktør for Utvikleropplevelse, Remix
- key: picks.kent_c_dodds.description
t: |
Fly gjorde det mulig for meg (en frontend-ingeniør med aversjon mot DevOps)
å trygt distribuere en virkelig, globalt distribuert, produksjonsklar
app.
- key: picks.tejas_kumar.name
t: Joe Haddad
- key: picks.tejas_kumar.bio
t: Webutvikler, Konferansetaler og Direktør for DevRel hos Xata
- key: picks.tejas_kumar.description
t: |
Joe jobber med Next.js hos Vercel og ser stadig etter å stolt
demonstrere kraften i det, samtidig som han aktivt lytter
til tilbakemeldinger fra fellesskapet for å støtte dem bedre.
- key: picks.wes_bos.name
t: TC39 Forslag
- key: picks.wes_bos.bio
t: JavaScript Lærer & Podcast Vert
- key: picks.wes_bos.description
t: |
Et Git-repo fullt av alle de tingene som har blitt foreslått å bli lagt til i JavaScript. Det er virkelig morsomt å lese gjennom alle ideene folk har for språket og se dem gå gjennom stadiene.
- key: picks.scott_tolinski.name
t: SvelteKit
- key: picks.scott_tolinski.bio
t: Skaper av Level-Up Tutorials, medvert for Syntax
- key: picks.scott_tolinski.description
t: |
SvelteKit gir den fantastiske utvikleropplevelsen til Svelte med alle
de moderne funksjonene man forventer fra en webplattform.
- key: picks.xxxx.name
t:
- key: picks.xxxx.bio
t:
- key: picks.xxxx.description
t: |
################################################################################################
# Sponsorer
################################################################################################
- key: sponsors.frontendmasters.description
t: Utvikle ferdighetene dine med dyptgående, moderne kurs innen front-end.
- key: sponsors.polypane.description
t: Nettleseren for ambisiøse utviklere. Bygg responsive, tilgjengelige og raske nettsider med letthet.
- key: sponsors.google_chrome.description
t: Takk til Google Chrome-teamet for støtten til vårt arbeid.
################################################################################################
# FAQ/Om
################################################################################################
- key: about.content
t: >
State of JS 2021-undersøkelsen ble gjennomført fra 13. januar til 2. februar **2022**, og samlet inn 16 085 svar. Undersøkelsen drives av meg, [Sacha Greif](https://sachagreif.com/), med hjelp fra et team av open-source bidragsytere og konsulenter.
Dette årets logo og T-skjorte ble designet av [Christopher Kirk-Nielsen](http://chriskirknielsen.com/).
### Mål for undersøkelsen
Denne undersøkelsen, sammen med [State of CSS](https://stateofcss.com/) undersøkelsen, ble laget for å identifisere kommende trender i webutviklingsøkosystemet for å hjelpe utviklere med teknologiske valg.
Som sådan er disse undersøkelsene 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 funksjonene eller teknologiene som for tiden er mest utbredte, ikke alltid er inkludert.
De bør også betraktes som en **snapshot av et spesifikt utvalg av utviklere**, og er ikke ment å tale for hele økosystemet.
### Design av undersøkelsen
Undersøkelsen ble delvis utformet basert på fjorårets undersøkelse, med en åpen tilbakemeldingsperiode der undersøkelsens struktur ble diskutert [på GitHub](https://github.com/StateOfJS/Monorepo/issues/56).
Alle spørsmål i undersøkelsen var valgfrie.
### Målgruppe for undersøkelsen
Undersøkelsen var åpen for alle på nettet, og respondenter ble ikke filtrert eller valgt på noen måte. Respondentene var først og fremst en blanding av respondenter fra tidligere undersøkelser (varslet gjennom en dedikert e-postliste) og sosiale medier.
Merk at rammer, biblioteker osv. fritt kunne oppmuntre publikum sitt til å delta i undersøkelsen, og noen av dem utnyttet dette via bannere, tweets osv. En detaljert oversikt over trafikkilder er inkludert i "Kilder"-diagrammet.
### Representativitet og inkludering
Selv om vi mener det er viktig å gi en stemme til hvert samfunn, vil virkeligheten være at en åpen undersøkelse som denne alltid vil slite med å representere alle på riktig måte, spesielt når den opererer gjennom systemer som allerede bærer sine egne iboende skjevheter.
For å motvirke dette implementerer vi tre distinkte strategier:
- **Oppsøkende arbeid**: vi prøver alltid å kontakte ulike organisasjoner (som BIPOC- eller LGBTQ-fokuserte organisasjoner, eller plattformer for nettundervisning) for å prøve å diversifisere vårt eget publikum.
- **Dataanalyse**: gjennom funksjoner som fasetter og varianter prøver vi alltid å gjøre det lettere å fremheve stemmene til ethvert demografisk segment, uansett hvor minorisert det måtte være i våre data.
- **Barrieresenkning**: å gjøre undersøkelsen for lang, utilgjengelig, treg å laste, bare på engelsk osv. kan alle bidra til å pålegge en "effort tax" som kutter av deler av fellesskapet som ikke kan betale den. Å fikse disse problemene kan senke barrierene for innpass og samtidig gjøre publikummet vårt mer mangfoldig.
### Prosjektfinansiering
Finansieringen av dette prosjektet kommer fra en rekke kilder:
- **T-skjortesalg**.
- **Diagram Sponsing**: medlemmer av fellesskapet kan donere til undersøkelsen i bytte for å få navnet sitt omtalt i rapporten.
- **Sponsede lenker**: lenkene til anbefalte ressurser nederst på hver side leveres av vår partner [Frontend Masters](https://frontendmasters.com/).
- **Annen finansiering**: i år har [Google Chrome](https://www.google.com/chrome/) teamet avsatt et lite budsjett for å hjelpe til med å ansette en [tilgjengelighetskonsulent](https://fossheim.io/) for å jobbe med CSS- og JS-undersøkelsene.
Til tross for disse finansieringskildene forblir undersøkelsene for det meste et selvfinansiert prosjekt totalt sett, og enhver bidrag eller sponsing vil bli veldig verdsatt. Jeg vil spesielt gjerne jobbe tett med flere nettleserleverandører, siden de spiller en så sentral rolle i økosystemet på nettet.
### Teknisk oversikt
Du finner en mer inngående teknisk oversikt over hvordan undersøkelsene kjøres [her](https://dev.to/sachagreif/how-the-state-of-js-css-surveys-are-run-4lnb).
- **Datainnsamling**: egendefinert [Vulcan.js](http://vulcanjs.org/) app.
- **Databehandling/lagring**: MongoDB & MongoDB Aggregations.
- **Data-API**: Node.js GraphQL API.
- **Resultatside**: [Gatsby](https://www.gatsbyjs.com/) React-app.
- **Datavisualiseringer**: [Nivo](https://nivo.rocks/) React dataviz-bibliotek.
- **Type**: [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono) og [Bebas Neue](https://fonts.google.com/specimen/Bebas+Neue).