-
Notifications
You must be signed in to change notification settings - Fork 0
/
js2020.yml
300 lines (225 loc) · 15.4 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
locale: hu-HU
namespace: js
translations:
###########################################################################
# General
###########################################################################
- key: general.results.description
t: Éves felmérés a JavaScript ökoszisztéma legújabb trendjeiről.
###########################################################################
# Introduction
###########################################################################
- key: introduction.js2020
t: |
<span class="first-letter">A</span>milyen pocsék a 2020-as és volt, a JavaScriptnek valahogy mégis csak sikerült előrelépnie. Ahogy a nyelv maga is fejlődik a
az új funkciói által, mint a Feltételes Láncolás (Opcional Chaning) vagy a Nullás Egyesítés (Nullish Coalescing), ugyanúgy a TypeScript népszerűsége is nő a statikus típusosság által.
És a keretrendszerek piacán, amikor már azt hittük, hogy kezdenek elcsendesedni a dolgok, bejött a Svelte és felrázott mindent egy új front-end nézőpont által. És még a fordítási eszközök is kezdenek megújulni a sokéves webpack dominancia után.
De most az a különbség, hogy a "régi" módszerek nem mennek sehova. A Svelte és a Snowpack fantasztikusak, de ugyanúgy a React és a webpack is. És egyszercsak biztosan áldozatul esnek majd a Nagy JavaScript Lemorzsolódásnak, de sok-sok évig még biztosan nem.
Szóval egyelőre élvezzük, ami van: egy csodás ökoszisztéma, ami csak jobb és jobb lesz!
### Join Our Launch Livestream!
Egy különleges [launch livestream-et](https://stateofjs.com/2020stream/) indítunk egy kollaborációban a CodeItLive Twitch csatornával. Csatlakozz hozzánk, vendégeink lesznek Sarah Drasner, Josh W. Comeau, és Kent C. Dodds hogy megbeszéljük az elmúlt év JavaScript trendjeit!
### Download Our Data
[Itt letöltheted a felmérés nyers JSON adatait](https://www.kaggle.com/sachag/state-of-js). Szólj nekünk is, ha végül saját vizualizációt készítettél!
### State of CSS
Ha még nem láttad, erősen ajánljuk megnézni a [2020-as State of CSS trend összesítését](https://2020.stateofcss.com/en-US/report/), hogy képbe kerülj az elmúlt év 3 CSS trendjével.
### Thanks
Nagyon köszönjük [Alexey Pyltsyn](https://github.com/lex111) segítségét a fordításokkal.
[Amelia Wattenberger](https://wattenberger.com/)-nek is köszönjük az eredeti “Changes Over Time” gráf frissítését az előző évből. Ha megtanulnád, hogyan készíts fantasztikus saját vizualizációt, nincs jobb mód erre, mint Amelia [D3-s videó kurzusa](https://www.newline.co/fullstack-d3).
### Credits & Stuff
A State of JavaScript felmérést én [Sacha Greif](https://twitter.com/sachagreif) és [Raphaël Benitte](https://twitter.com/benitteraphael) készítettük és tartjuk fenn.
Nézd meg [ezt az összefoglaló videót](https://www.youtube.com/watch?v=o4w1qEnZxbM), hogy többet megtudj a projekt technikai oldaláról valamint az adagyűjtésről és a vizualizációról. Van kérdésed vagy visszajelzésed? [Írj nekünk emailt](mailto:[email protected]) vagy [csatlakozz a Discord csatornákhoz](https://discord.gg/zRDb35jfrt).
És most nézzük, hogy mit történt a JavaScripttel ebben az évben!
<span class="conclusion__byline">– Sacha and Raphaël</span>
###########################################################################
# Tshirt
###########################################################################
- key: sections.tshirt.title
t: Póló
- key: sections.tshirt.description
t: |
## Támogasd a felmérést és még nézz is ki jól közben!
Frissítettük a tavaly évi népszerű 👕 State of JavaScript pólónkat 👕 a 2020-as
JavaScript tervrajzával!
A pólón látható a "JavaScript periódusos rendszere" ami felsorolja a legnépszerűbb
könyvtárakat kategória szerint rendezve, mellettük pedig a GitHub csillagok száma látható (ezrenként).
Ez a póló egy remek lehetőség megismerni a JavaScript ökoszisztémáját, talán
még egy jó beszélgetésre is késztet a hasonszőrű JavaScript fejlesztőkkel!
- key: tshirt.about
t: A pólóról
- key: tshirt.description
t: |
A nyomtatás és a szállítás a [Cotton Bureau](https://cottonbureau.com/people/state-of-js) által történik. A dizájn egy kiváló minőségű, szuper puha, fekete tri-blend pólóra van nyomtatva.
- key: tshirt.getit
t: Szerezd meg
- key: tshirt.price
t: USD ${price} + szállítási költségek
###########################################################################
# Sections Introductions
###########################################################################
- key: sections.user_info.description
t: |
Ebben az évben **23,765** embert interjúvoltunk meg **137** országból. Ebben az évben először több nyelvre
is le tudtuk fordítani a felmérést, egy csapatnyi csodálatraméltó önkéntes jóvoltából.
- key: sections.features.description
t: |
Bár a legtöbb résztvevő ismerte a felmérésben említett JavaScript funkciók
nagyobbik részét, sokan még nem használták azokat.
- key: sections.technologies.description
t: |
Egy új JavaScript könyvtár általában magas megelégedettséget de alacsony használatot mutat, ami néha
megnehezít a helyes technológiák kiválasztását. Például ez az egyik szempont, amiben a felmérés adatainak
elemzése segíthet jó irányba terelődni.
- key: sections.javascript_flavors.description
t: |
A JavaScript "fajtáinak" (azok a nyelvek, amik JavaScript-be fordítódnak) trendje sok évvel ezelőbb
a CoffeeScripttel kezdődött, de mostmár nyilvánvaló, hogy a TypeScript teljes mértékben átvette a vezetést.
- key: sections.front_end_frameworks.description
t: |
A szokásos módon a React és a Vue vezeti a versenyt, de a Svelte is úton van népszerűség felé.
- key: sections.datalayer.description
t: |
Az adatréteg arénája még mindig folytonos mozgásban van, de egy dolog biztos: a GraphQL és
a hozzá tartozó techológiák nem mennek sehova.
- key: sections.back_end_frameworks.description
t: |
A back-end színtere még mindig nagyon fel van darabolva, de az Express kiemelkedik, mint az
egyetlen domináns keretrednszer, míg a Next.js fenntartja a magas megelégedettségi rátáját.
- key: sections.testing.description
t: |
A tesztelési ökoszisztéma is egyre gazdagabb lesz olyan új résztvevőkkel, mint a Testing Library és
a Playwright, amik egyre magasabb megelégedettségi fokot érnek el.
- key: sections.build_tools.description
t: |
Már kezdett úgy látszani, hogy a webpack népszerűsége eldöntötte a meccset, de a fordítási eszközök
színtere megint felborult az új résztvevők által, mint a Snowpack vagy az esbuild, emiatt a fordítási eszközök
megint egy teljes részt kaptak a felmérésben, 2017 óta most először újra.
- key: sections.mobile_desktop.description
t: |
A JavaScript nem csak a böngészőkben futhat, és bár az Electron és a React Native a két
legismertebb név ebben a kategóriában, más megoldások, mint az Expo vagy a Capacitor is kezdenek
hírnevet szerezni.
- key: sections.other_tools.description
t: |
A könyvtárak és segédeszközök változatossága és mennyiségéből látszik, hogy óriási lett a
JavaScript ökoszisztéma, és ebben az évben először a felmérésben a JavaScript futtatási környezetek
(runtime) is említést kapnak mint a Deno és Hermes.
- key: sections.resources.description
t: |
Sok szuper forrásanyag felsorolásra került itt, és biztosak vagyunk benne, hogy te is találsz
legalább egy pár új blogot és podcastot amit bekövethetsz!
- key: sections.opinions.description
t: |
Míg a dolgok általánosságban jól néznek ki a JavaScript földjén, azért úgy tűnik, hogy van egy kis
lecsengése a 2018-as pozitivitás tetőpontjának. Megmarad ez a trend? Látogass vissza következő évben is,
hogy kiderítsd!
###########################################################################
# Notes
###########################################################################
- key: blocks.source.note
t: >
Ez a gráf a referrerek, URL paraméterek és szabad formájú válaszok keverékét összesíti.
- State of JS: a [State of JS](https://stateofjs.com) levelezési lista; az `email`, `by email`, stb. szavak is benne vannak.
- State of CSS: a [State of CSS](https://stateofcss.com/) levelezési lista.
- Work: A `work`, `colleagues`, `coworkers`, stb. szavakat tartalmazza.
###########################################################################
# 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: A TypeScript már eleve népszerű volt, és most a **{value}**-os használati növekedéssel úgy néz ki, hogy még szélesebb körben el fog terjedni.
- key: award.tool_satisfaction_award.comment
t: A Testing Library rekord magas, **{value}**-os megelégedettségi rátával 2020 legkedveltebb eszköze lett.
- key: award.tool_interest_award.comment
t: A GraphQL továbbra is a legkedveltebb eszköz (**{value}**-os aránnyal), amit a fejlesztők meg akarnak tanulni,, amikor végre van rá idejük,
- key: award.most_write_ins_award.comment
t: A legtöbben nagyon szenvedélyesek a szövegszerkesztőikkel kapcsolatban, és **{value}**-uk a IntelliJ IDEA-t említi meg, ami így a legnépszerűbb lett.
###########################################################################
# Conclusion
###########################################################################
- key: sections.conclusion.description
t: |
A filozófusokat már ősidők óta foglalkoztatja a JavaScript Paradoxon: egyrészről alig várjuk az izgalmas új nyelvi funkciókat és könyvtárakat, amik a fejlesztői élményt igérik jobbá tenni.
Másrészről stabilitásra és egyszerűségre is vágyunk, hogy ne kelljen az idő nagy részét GitHub issue-ok és elavult Stack Overflow kérdések olvasgatásával tölteni.
Szóval, akkor melyik legyen? A csillogó, új, vagy a régi, de megbízható? 2020-ben még inkább, mint valaha, nem elégszünk meg kevesebbel, mint *mind a kettővel*. A jó hír az, hogy a JavaScript közösség felveszi a kesztyűt, ami egy izgalmas 2021-et ígér!
U.i.: Ha még több adatra vágysz, csekkold le az éves [Rising Stars](https://risingstars.js.org/2020/en/) értékelésünket a [Best Of JS](https://bestofjs.org/)-ből.
###########################################################################
# Picks
###########################################################################
- key: picks.my_2020_pick
t: 'A 2020-as kedvencem: '
- key: picks.intro
t: Megkérdeztük a JavaScript közösség tagjait az "idei kedvencükről"
- key: picks.joshwcomeau.bio
t: Szoftver-fejlesztőből-lett-oktató
- key: picks.joshwcomeau.description
t: |
Ez egy fantasztikus bevezető anyag a webes akadálymentesítéshez!
Azért választottam ezt ki, mert JS fejlesztőkként a mi dolgunk az, hogy
a weoldalakat mindenki által használhatóvá fejlesszük, ne csak a látó
billentyűzet-és-egér felhasználók számára.
- key: picks.swyx.bio
t: Végtelen építő
- key: picks.swyx.description
t: |
A Svelte a frontend keretrendszerek űrfelvonója.
Segít az applikációk extrém gyors szállításában.
- key: picks.kentcdodds.bio
t: A világ jobbátétele minőségi szofverekkel
- key: picks.kentcdodds.description
t: |
A Remix egy kicsit más szemszögből közelíti meg a React keretrendszereket, a progresszív
növekedésre fókuszálva. Úgy teszi magáévá a webes platformot, ahogyan semmilyen másik
meglévő keretrendszer nem csinálja, és én nagyon izgatott vagyok amiatt,
hogy milyen lehetőségek rejlenek benne.
- key: picks.sarah_edo.bio
t: A Vue.js alapcsapat tagja
- key: picks.sarah_edo.description
t: |
Az Insomnia egy olyan applikáció, aminek a segítségével megtervezhetsz, tesztelhetsz és
szállíthatsz az API Workflow-okat egy tiszta, egyszerűsített UX által - a REST-et
és a GraphQL-t is támogatja, de nyilván a viccek jobban működnek a REST-tel.
- key: picks.ladyleet.bio
t: This Dot Labs, GDE, MVP
- key: picks.ladyleet.description
t: |
A RedwoodJS és hasonló keretrendszerek kezdik megváltoztatni, hogy hogyan gondolkozunk a fejlesztésről.
A frontend ökoszisztémába hozza a Ruby on Rails egyszerűségét.
- key: picks.midudev.bio
t: Vezető Frontend @ Adevinta & tartalomkészítő
- key: picks.midudev.description
t: |
A JavaScript modulok használata nehézkes volt.
Az ES2020 azoban elhozta az ES Modules-t, ami véget vet ennek. És még Node.js-en is stabil. Hurrá!
- key: picks.cassidoo.bio
t: Főnök fejlesztői élmény mérnök (Principal Developer Experience Engineer) a Netlify-nál
- key: picks.cassidoo.description
t: |
Ben az egyik legnagylelkűbb ember a JS közösségben.
Nyílt forráskódú fejlesztésben is aktív (a Vue alapcsapatában),
konzisztensen hoz hasznos tartalmakat a fejleszők oktatására, és nagyon nagylelkű a saját idejével.
- key: picks.lauragift_.bio
t: Frontend fejlesztő @ PassionatePeople
- key: picks.lauragift_.description
t: |
Josh Comeau inspiráló számomra, és az is mondhatjuk, hogy a JS közösségre úgy általában.
Nagyon elgondolkodtató cikkeket ír a blogján, és ezek számomra a legjobbak között vannak
2020-ban, mivel vagy a legújabb JavaScript trendekről szól, vagy segítettek valami újat tanulni.
- key: picks.tomdale.bio
t: JavaScript Gondolatbefolyásoló (Thinkfluencer)
- key: picks.tomdale.description
t: |
A Volta az egész JavaScript eszközláncodat segít menedzselni - mint az nvm, de abban is segít,
hogy te és a csapatod is ugyanazon a verziójú Node-on, npm-en, CLI eszközökön, stb. legyen.
Imádom, mert annyira jó használni, és úttörőként Rust-ot használ a gyors JS eszközök írásához.
- key: picks.markdalgleish.bio
t: A CSS Modules egyik készítője, valamint a Playroom készítője
- key: picks.markdalgleish.description
t: |
Npm publikálást automatizál, azzal a lehetőséggel, hogy Markdown jegyzeteket írhassunk minden változáshoz. A változáskezelés tényleg nagyot fejlődött ebben az évben, főleg a változások
lejegyzésének a minőségben és a verziómenedzsmentben.
- key: picks.sachagreif.bio
t: A State of JS felmérés készítője
- key: picks.sachagreif.description
t: |
A Best Of JS a legnagyobb JavaScript projeknek a GitHub statisztikáit követi, és felbecsülhetetlen forrásként szolgált idén, hogy eldöntsük, hogy mitet rakjunk bele a felmérésbe!