-
Notifications
You must be signed in to change notification settings - Fork 0
/
js2020.yml
305 lines (220 loc) · 15.2 KB
/
js2020.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
locale: nb-NO
namespace: js
translations:
###########################################################################
# General
###########################################################################
- key: general.results.description
t: Den årlige undersøkelsen om de nyeste trendene i javascript-økosystemet.
###########################################################################
# Introduction
###########################################################################
- key: introduction.js2020
t: |
<span class="first-letter">S</span>å kjip som 2020 var, klarte JavaScript som helhet fortsatt å bevege seg fremover på en eller annen måte. Språket selv fortsetter å forbedre seg takket være nye funksjoner som Valgfri Kjeding og Nullish Koalescing, og TypeScripts omfattende adopsjon tar ting til et helt annet nivå ved å popularisere statisk typing.
Og på rammeverksiden, akkurat når vi trodde at tingene hadde stabilisert seg, kommer Svelte inn og ryster alt med en ny tilnærming til front-end. Selv byggeverktøy viser tegn på ny aktivitet etter år med webpack-dominans.
Men forskjellen denne gangen er at den "gamle" vaktposten – relativt sett – ikke går noe sted. Svelte og Snowpack er flotte, men det er også React og webpack. Og selvfølgelig, de vil også til slutt bli bytte for det Store JavaScript Uroligheten, men ikke på mange, mange år.
Så la oss nyte det vi har her: et fantastisk økosystem som bare blir bedre og bedre!
### Bli med på vår lanseringslivestream!
Vi vil ha en [spesiell lanseringslivestream](https://stateofjs.com/2020stream/) i samarbeid med folkene fra CodeItLive Twitch-kanalen. Bli med oss sammen med gjester som Sarah Drasner, Josh W. Comeau og Kent C. Dodds for å diskutere JavaScript-trendene fra det siste året!
### Last ned dataene våre
Du kan [laste ned rå JSON-data for denne undersøkelsen](https://www.kaggle.com/sachag/state-of-js). Gi oss beskjed hvis du lager dine egne datavisualiseringer!
### State of CSS
Hvis du ikke har sett det allerede, anbefaler vi sterkt å sjekke ut [State of CSS 2020 Trend Report](https://2020.stateofcss.com/en-US/report/) for å få oppdatert informasjon om de tre viktigste CSS-trendene fra det siste året.
### Takk
Mange takk til [Alexey Pyltsyn](https://github.com/lex111) for hjelpen med oversettelsene.
Takk også til [Amelia Wattenberger](https://wattenberger.com/) for at hun hjalp oss med å oppdatere hennes opprinnelige “Endringer over tid”-diagram fra i fjor. Hvis du vil lære hvordan du lager dine egne fantastiske datavisualiseringer, er det ikke noe bedre enn hennes [D3 videokurs](https://www.newline.co/fullstack-d3).
### Krediteringer og annet
State of JavaScript-undersøkelsen er laget og vedlikeholdt av [Sacha Greif](https://twitter.com/sachagreif) og [Raphaël Benitte](https://twitter.com/benitteraphael).
Se [denne videooversikten](https://www.youtube.com/watch?v=o4w1qEnZxbM) for å lære mer om de tekniske aspektene ved prosjektet, fra datainnsamling til datavisualiseringer. Spørsmål? Tilbakemeldinger? [Ta kontakt](mailto:[email protected]) eller [bli med i Discorden vår](https://discord.gg/zRDb35jfrt).
Og nå, la oss se hva JavaScript har vært opptatt med i år!
<span class="conclusion__byline">– Sacha og Raphaël</span>
###########################################################################
# Tshirt
###########################################################################
- key: sections.tshirt.title
t: T-skjorte
- key: sections.tshirt.description
t: |
## Støtt undersøkelsen og se bra ut i prosessen!
Vi har oppdatert fjorårets veldig populære 👕 State of JavaScript T-skjorte 👕 for 2020 JavaScript-landskapet!
Skjorten har et ”periodisk bord av JavaScript” som viser de mest populære bibliotekene gruppert etter kategori, sammen med deres GitHub-stjerner (i tusen).
Denne skjorten er en flott måte å bli kjent med JavaScript-økosystemet på, og kanskje til og med starte en samtale med andre likesinnede JavaScript-utviklere!
- key: tshirt.about
t: Om t-skjorten
- key: tshirt.description
t: |
Printing og utsending håndteres av [Cotton Bureau](https://cottonbureau.com/people/state-of-js). Designet er trykket på en premium, supermyk, tri-blend skjort.
- key: tshirt.getit
t: Kjøp den
- key: tshirt.price
t: USD ${price} + frakt
###########################################################################
# Sections Introductions
###########################################################################
- key: sections.user_info.description
t: |
Årets undersøkelse nådde **23 765** mennesker i **137** land. For første gang i år
klarte vi å oversette undersøkelsesspørsmålene til flere språk, takket være et fantastisk team av frivillige.
- key: sections.features.description
t: |
Selv om de fleste respondentene var klar over flertallet av JavaScript-funksjonene
nevnt i undersøkelsen, har mange fortsatt ikke brukt de fleste av dem.
- key: sections.technologies.description
t: |
Den typiske nye JavaScript-biblioteket viser høy oppbevaring men lav bruk, noe som noen ganger kan gjøre
det litt vanskelig å velge riktig teknologi for dine behov. Dette er hvor det å se på
dataene kan virkelig hjelpe deg med å peke i riktig retning.
- key: sections.javascript_flavors.description
t: |
Trenden med “smaker” av JavaScript som kompilerer ned til standardkode begynte for mange år siden
med CoffeeScript, men det er nå klart at TypeScript er den ubestridte lederen i
den kategorien.
- key: sections.front_end_frameworks.description
t: |
Som vanlig leder React og Vue pakken, men Svelte etablerer seg raskt som en veldig
seriøs utfordrer til front-end kronen.
- key: sections.datalayer.description
t: |
Mens datalayer-området fortsatt er i konstant bevegelse, virker en ting klart: GraphQL og
relaterte teknologier er her for å bli.
- key: sections.back_end_frameworks.description
t: |
Back-end-området er fortsatt veldig fragmentert, men Express skiller seg ut som det dominerende
verktøyet, mens Next.js opprettholder sitt høye oppbevaringsforhold.
- key: sections.testing.description
t: |
Testingsøkosystemet blir stadig rikere, med nye aktører Testing Library og Playwright som begge
scorer høye poeng på oppbevaringsindeksen.
- key: sections.build_tools.description
t: |
Akkurat når det så ut som om webpack sin dominans hadde avgjort debatten, har byggverktøy-scenen
igjen eksplodert med nye aktører som Snowpack og esbuild, noe som førte oss til å gi det en full
seksjon for første gang siden 2017.
- key: sections.mobile_desktop.description
t: |
JavaScript er ikke bare for nettleseren, og selv om Electron og React Native er de to
mest kjente navnene i denne kategorien, begynner andre løsninger som Expo og Capacitor også
å gjøre bølger.
- key: sections.other_tools.description
t: |
Mangfoldet og mengden av biblioteker, verktøy og andre verktøy fremhever hvor stort JavaScript
økosystemet har blitt, og for første gang i år sporer vi også JavaScript-runtimes
som Deno og Hermes.
- key: sections.resources.description
t: |
Mange flotte ressurser er listet her, og vi er sikre på at du vil finne minst noen nye
blogger eller podcaster å følge med på!
- key: sections.opinions.description
t: |
Selv om ting generelt ser bra ut i JavaScript-land, ser det ut til å være en viss nedgang fra
positiviteten i 2018. Vil trenden vedvare? Følg med neste år for å finne ut!
###########################################################################
# Notes
###########################################################################
- key: blocks.source.note
t: >
Dette diagrammet aggregerer en blanding av henvisninger, URL-parametere og svar i fritekst-format.
- State of JS: [State of JS](https://stateofjs.com) nyhetsbrev; matcher også `email`, `via e-post`, osv.
- State of CSS: [State of CSS](https://stateofcss.com/) nyhetsbrev
- Arbeid: matcher `arbeid`, `kolleger`, `medarbeidere`, osv.
###########################################################################
# Awards
###########################################################################
# - key: award.feature_adoption_delta_award.comment
# t: With a **{value}** progression in 2020, this was the year CSS Grid crossed over from new technology to established tool.
- key: award.tool_usage_delta_award.comment
t: TypeScript var allerede populært, og med en **{value}** vekst i bruken ser det ut til at det bare vil bli mer allestedsnærværende fremover.
- key: award.tool_satisfaction_award.comment
t: Med en skyhøy tilbakeholdelsesvurdering på **{value}**, er Testing Library 2020s mest elskede verktøy.
- key: award.tool_interest_award.comment
t: GraphQL fortsetter å være det én ting utviklere ønsker å lære mer om, med en interessegrad på **{value}**, så snart de endelig kan finne tiden.
- key: award.most_write_ins_award.comment
t: Folk er alltid lidenskapelige om tekstredigerere, og med **{value}** omtaler vinner IntelliJ IDEA prisen for flest skriv-inn svar.
###########################################################################
# Conclusion
###########################################################################
- key: sections.conclusion.description
t: |
Siden oldtiden har filosofer grunnet over JavaScript-paradokset: på den ene siden kan du ikke vente på spennende nye språkfunksjoner og biblioteker som lover å gjøre utvikleropplevelsen din så mye bedre.
Men samtidig lengter du etter stabilitet og enkelhet, slik at du endelig kan få ting gjort uten å måtte bruke halve tiden din på å bla gjennom kompliserte GitHub-issues og utdaterte Stack Overflow-spørsmål.
Så hva vil vi egentlig ha? Vil vi ha det nye og glitrende, eller det gamle og pålitelige? Mer enn noen gang viser 2020 at vi ikke vil nøye oss med noe mindre enn *begge deler*. Den gode nyheten er at JavaScript-samfunnet har tatt utfordringen, noe som lover et spennende 2021!
P.S. Hvis du fortsatt er sulten etter mer JavaScript-statistikk, anbefaler vi å sjekke de årlige [Rising Stars](https://risingstars.js.org/2020/en/) rangeringene fra [Best Of JS](https://bestofjs.org/).
###########################################################################
# Picks
###########################################################################
- key: picks.my_2020_pick
t: "Mitt valg for 2020: "
- key: picks.intro
t: Vi spurte medlemmer av JavaScript-samfunnet om å dele sine “valg for året”
- key: picks.joshwcomeau.bio
t: Programvareutvikler som har blitt utdanner
- key: picks.joshwcomeau.description
t: |
Dette er en fantastisk ressurs i starten for å lære om webtilgjengelighet!
Jeg valgte den fordi det er vår oppgave som JS-utviklere å sørge for at nettstedene vi bygger er brukbare for alle, ikke bare for synshemmede som bruker tastatur og mus.
- key: picks.swyx.bio
t: Infinite Builder
- key: picks.swyx.description
t: |
Svelte er romheisen for frontend-rammeverk.
Det hjelper deg å sende apper ekstremt raskt.
- key: picks.kentcdodds.bio
t: Forbedre verden med kvalitetsprogramvare
- key: picks.kentcdodds.description
t: |
Remix er en annen tilnærming til React-rammeverk med vekt på progressiv
forbedring. Det omfavner webplattformen på en måte som ingen eksisterende rammeverk gjør,
og jeg er begeistret over dets potensiale.
- key: picks.sarah_edo.bio
t: Kjernegruppe for Vue.js
- key: picks.sarah_edo.description
t: |
Insomnia er en app som lar deg designe, teste og implementere API
arbeidsflyter med en ren, forenklet brukeropplevelse - den har støtte for både REST og GraphQL,
selv om ordspillene åpenbart er bedre hvis du bruker REST.
- key: picks.ladyleet.bio
t: This Dot Labs, GDE, MVP
- key: picks.ladyleet.description
t: |
RedwoodJS og rammeverk som det begynner å endre hvordan vi tenker på utvikling.
Det bringer enkelheten fra Ruby on Rails til frontend-økosystemet.
- key: picks.midudev.bio
t: Lead Frontend @ Adevinta & Innholdsprodusent
- key: picks.midudev.description
t: |
Å jobbe med moduler i JavaScript-økosystemet har vært rotete.
ES2020 kom med ES-moduler for å avslutte det. Til og med stabilt på Node.js. Jippi!
- key: picks.cassidoo.bio
t: Hovedutvikleropplevelsesingeniør hos Netlify
- key: picks.cassidoo.description
t: |
Ben er en av de mest generøse menneskene i JS-samfunnet.
Han er aktiv i open source (på Vue-kjernegruppen),
lager konsekvent nyttig innhold for utviklere å lære, og er veldig raus med tiden sin.
- key: picks.lauragift_.bio
t: Frontend-utvikler @ PassionatePeople
- key: picks.lauragift_.description
t: |
Josh Comeau har vært en inspirasjon for meg, og jeg kan si for JS-samfunnet generelt.
Han skriver veldig tankevekkende artikler på bloggen sin, og de er noen av de beste jeg leste i
2020 fordi de enten hjalp meg å holde meg oppdatert på det nyeste innen JavaScript
eller hjalp meg å lære noe nytt.
- key: picks.tomdale.bio
t: JavaScript Thinkfluencer
- key: picks.tomdale.description
t: |
Volta hjelper deg med å administrere hele JavaScript-verktøykjeden din – tenk nvm, men det hjelper
deg og teamet ditt med å holde seg på de samme versjonene av Node, npm, CLI-verktøy, osv.
Jeg elsker det fordi det er så utrolig fint å bruke, og det er banebrytende i bruken av
Rust for å bygge raske verktøy for JS.
- key: picks.markdalgleish.bio
t: Medskaper av CSS-moduler, skaper av Playroom
- key: picks.markdalgleish.description
t: |
Automatiserer npm-publisering med muligheten til å knytte Markdown-utgivelsesnotater til hver endring. Changesets har virkelig hevet kvaliteten på utgivelsesnotatene og versjonsstyringen vår i år.
- key: picks.sachagreif.bio
t: Skaper av State of JS-undersøkelsen
- key: picks.sachagreif.description
t: |
Best Of JS sporer GitHub-statistikk om praktisk talt hvert større JavaScript-prosjekt, og det har vært en uvurderlig ressurs for å hjelpe oss med å bestemme hva vi skal inkludere i undersøkelsen!