-
Notifications
You must be signed in to change notification settings - Fork 0
/
graphql2022.yml
357 lines (241 loc) · 18.3 KB
/
graphql2022.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
locale: hu-HU
translations:
###########################################################################
# General
###########################################################################
- key: general.results.description
t: A GraphQL ökoszisztéma legfrissebb trendjeiről szóló éves felmérés 2022-es verziója.
- key: general.livestream_announcement
t: Ne felejtsd el megnézni a [speciális livestream felvételt](https://dev.to/sachagreif/state-of-javascript-2021-livestream-24a5) február 22-én! (angol)
###########################################################################
# Introduction
###########################################################################
- key: introduction.graphql2022
t: >
<span class="first-letter">M</span>ióta a Facebooknál 2015 szeptemberében létrehozták, sok fejlesztő elfogadta a GraphQL-t, mint egy új és ígéretes módszert az API-k létrehozására.
Ennek ellenére, 7 évvel később még mindig sok kérdés megválaszolatlan: mikor van szükség a GraphQL-re? Kézzel kell kódolni a GraphQL API-t, vagy generálni kell az adatbázisból? És valaha is helyettesíti a REST-et?
Hogy választ kapjunk ezekere a kérdésekre és még sok másra, létrehoztuk az első **GraphQL állapotfelmérő** közösségi felmérést. Több mint 3,000 fejlesztő vett részt ebben az évben, és ez csak a kezdet.
Reméljük, hogy élvezni fogod az adatok böngészését, és ne felejtsd el megnézni a [GraphQL API-nkat](https://graphiql.devographics.com/) is!
<span class="conclusion__byline">– Sacha Greif</span>
###########################################################################
# Tshirt
###########################################################################
- key: sections.tshirt.title
t: Póló
- key: sections.tshirt.description
t: |
## Támogasd a felmérést a State of JavaScript pólóval
A rossz videóminőség, a nagyméretű kazetták és a visszatekerés között nem sok minden hiányzik a VHS korszakból. De egy dolog, amit *hiányolunk*, az a VHS kazettákra nyomtatott 90-es évek retro dizájnja.
Most azonban, köszönhetően a tehetséges Christopher Kirk-Nielsen-nek, élvezheted ezt a retró dizájnt, miközben ugyanakkor a JavaScript iránti szeretetedet is kifejezheted!
- key: tshirt.about
t: A pólóról
- key: tshirt.description
t: |
A pólók kiváló minőségű, szuper puha tri-blend anyagból készülnek, szűk fazonnal, a Cotton Bureau partnereinknél nyomtatva.
- key: tshirt.getit
t: Megrendelem
- key: tshirt.price
t: $29 USD + szállítási költség
- key: tshirt.designer.heading
t: A tervezőről
- key: tshirt.designer.name
t: Christopher Kirk-Nielsen
- key: tshirt.designer.bio
t: |
Christopher Kirk-Nielsen egy francia származású, de jelenleg az Egyesült Államokban élő fejlesztő, aki nem csak egy fantasztikus front-end fejlesztő, hanem egy tehetséges illusztrátor is, aki a retró vizuális megjelenítésre specializálódott. Valójában arra is ösztönözzük, hogy nézd meg a [többi pólótervét](https://chriskirknielsen.com/designs)!
###########################################################################
# Sections
###########################################################################
- key: sections.user_info_graphql2022.description
t: |
**3,094** válaszadó vett részt az idei felmérésben.
- key: sections.features_graphql2022.description
t: |
Lehet, hogy a GraphQL első pillantásra egyszerűnek tűnik, de ha mélyebbre ásunk, sok funkció és módszer van, amit figyelembe kell venni.
- key: sections.libraries_graphql2022.description
t: |
A GraphQL ökoszisztéma meglepően mély, sok versengő könyvtár segít az API beállításában.
- key: sections.tools_others_graphql2022.description
t: |
A megfelelő eszközök kiválasztása a GraphQL-rel együtt használva mindent megváltoztathat.
- key: sections.usage_graphql2022.description
t: |
Nem csak azt szeretnénk megtudni, hogy az emberek hogyan használják a GraphQL-t, hanem azt is, hogy *miért* használják, valamint azt, hogy a GraphQL-nek milyen hiányosságai vannak még…
- key: sections.resources_graphql2022.description
t: |
Biztosak vagyunk benne, hogy legalább egy-két új embert, podcastot vagy blogot fel fogsz fedezni, amit érdemes követned!
###########################################################################
# Charts
###########################################################################
- key: options.features_categories.graphql_language
aliasFor: sections.graphql_language.title
- key: options.features_categories.directives
aliasFor: sections.directives.title
- key: options.features_categories.security_performance
aliasFor: sections.security_performance.title
- key: options.features_categories.other_features
aliasFor: sections.other_features.title
- key: blocks.tools_quadrant.description
t: |
Ez a grafikon a technológiák **használati arányát** mutatja a **felhasználók számához** viszonyítva.
Ez négy részre osztható:
- **1**: Alacsony használat, magas megtartás. Technológiák, amelyeket érdemes szemmel tartani.
- **2**: Magas használat, magas megtartás. Biztonságos technológiák, amelyeket érdemes alkalmazni.
- **3**: Alacsony használat, alacsony megtartás. Technológiák, amelyeket jelenleg nehéz ajánlani.
- **4**: Magas használat, alacsony megtartás. Érdemes újraértékelni ezeket a technológiákat, ha jelenleg használod őket.
###########################################################################
# Notes
###########################################################################
- key: blocks.gender.note
t: |
Ha többet szeretnél megtudni, írtunk egy [blog posztot](https://dev.to/sachagreif/is-our-survey-biased-against-women-49oj), ami a felmérés nemi dinamikájával foglalkozik.
- key: blocks.css_missing_features.note
t: |
A válaszok teljes adathalmazt megtekintheted ebben a [side projectben](https://whatsmissingfromcss.com/).
- key: blocks.source.note
t: >
Ez az grafikon összefoglalja a referrerek, URL paraméterek és szabad szöveges válaszok egy keverékét.
- State of JS: a [State of JS](https://stateofjs.com) felmérés levelezési listája.
- State of CSS: A State of CSS levelezési listája; szintén illeszkedik az `email`, `by email`, stb. kifejezésekre.
- Munka: a `work`, `colleagues`, `coworkers`, stb. kifejezésekre illeszkedik.
###########################################################################
# Awards
###########################################################################
- key: award.feature_adoption_delta_award.comment
t: A **{value}**-os növekedéssel 2021-ben a null coalescing operátor (??) gyorsan az JavaScript integráns részévé vált.
- key: award.tool_usage_delta_award.comment
t: Az esbuild még csak alig 2 éves, de a **{value}**-os növekedéssel az elmúlt évben már hatalmas előrelépést tett.
- key: award.tool_satisfaction_award.comment
t: A Vite a legmagasabb **{value}**-os elégedettségi aránnyal nyerte el az első helyet!
- key: award.tool_interest_award.comment
t: A **{value}**-os érdeklődési aránnyal a Vite ismét aranyérmes!
- key: award.most_write_ins_award.comment
t: A kérdések többsége elfogadott szabad szöveges válaszokat is, és a **{value}**-os említéssel az Elm lett a legnépszerűbb elem.
###########################################################################
# Conclusion
###########################################################################
- key: conclusion.graphql2022
t: |
<span class="first-line">A GraphQL valóban része annak, ahogyan ma modern alkalmazásokat építünk.</span>
Egyre több cég hoz létre termékeket, szolgáltatásokat, eszközöket, RFC-ket, és ezeknek a munkáknak a nagy része nyílt forráskódú, ami fantasztikus! A virágzó ökoszisztéma szempontjából kulcsfontosságú, hogy egészséges verseny és együttműködés legyen!
Ennek eredményeképpen a GraphQL kliens oldalon történő fogyasztásának módja is megváltozik, a ma népszerű választások az urql és a React Query mellett a régi motorok, mint az Apollo Client és a Relay. Nagyszerű látni, hogy a GraphQL továbbra is növekszik és virágzik a JavaScripten kívül más nyelveken is – ma már szinte minden népszerű programozási nyelven találhatók stabil és érett GraphQL szerverek és kliensek!
A GraphQL önmagában is változik, a sokat várt változások egyre közelebb kerülnek a hivatalos specifikáció részévé válásához. Hamarosan változásokat fogunk látni a stream, defer, input polymorphism, valamint a feliratkozások és élő lekérdezések terén is.
Továbbá, ma már vannak olyan cégek, amelyek kifejezetten a GraphQL biztonságára, gyorsítótárazására, hibakeresésére, a szélekhez történő telepítésére, az adatbázisok és háttérrendszerek egyszerű sémákká történő absztrahálására stb. összpontosítanak, és ezek mind-mind még könnyebbé teszik a GraphQL-lel való munkát, mint valaha is volt.
Nemrég azt is láthattuk, hogy egy vadonatúj GraphiQL kiadás jelent meg, amely büszkélkedhet egy erős pluginegyüttesekkel, kevesebb függőséggel, és még sötét móddal is! És a [GraphQL Alapítvány](https://graphql.org/foundation/) is folyamatosan növekszik, új tagok csatlakoznak rendszeresen, hogy segítsék a GraphQL oktatásában, fejlesztésében és a jövő irányításában részt vevők erőfeszítéseit.
A GraphQL megtalálta a helyét az ökoszisztémában, és izgalmas jövő áll előtte!
- key: conclusion.graphql2022.bio
t: Senior fejlesztői kapcsolatok @ Grafbase
###########################################################################
# Picks
###########################################################################
- key: picks.my_pick
t: "A 2022-es választásom: "
- key: picks.intro
t: Megkérdeztük a JavaScript közösség tagjait, hogy osszák meg a évi választásukat.
- key: picks.jamie_barton.name
t: GraphQL háló
- key: picks.jamie_barton.bio
t: Full Stack fejlesztő és oktató
- key: picks.jamie_barton.description
t: |
Egyre több ember keres megoldást arra, hogy áthidalja a szolgáltatásaik közötti rést.
A Mesh lehetővé teszi ezt a GraphQL-lel, és a nem GraphQL szolgáltatásokkal is.
- key: picks.tanmai_gopal.name
t: Streaming over GraphQL Subscriptions
- key: picks.tanmai_gopal.bio
t: CEO és társalapító a Hasura-nál
- key: picks.tanmai_gopal.description
t: |
A modern API-k egyre nagyobb adatmennyiséget kell kezeljenek, vagy gyorsan mozgó adatokat, amelyek egy adatfolyamot alkotnak.
Használhatnánk a GraphQL feliratkozásokat egy adatfolyamként?
- key: picks.tim_suchanek.name
t: Benjie Gillam
- key: picks.tim_suchanek.bio
t: Szoftverfejlesztő és vállalkozó
- key: picks.tim_suchanek.description
t: |
Benjie a GraphQL egyik fő szószólója.
A WG, TSC és a különböző alapítványi kezdeményezésekben való részvétele nagyon fontos a GraphQL előrehaladásában.
- key: picks.uri_goldshtein.name
t: Pothos GraphQL
- key: picks.uri_goldshtein.bio
t: Alapítója a The Guild-nak
- key: picks.uri_goldshtein.description
t: |
Kód-első, TS séma építő. Könnyen használható, mégis erős, plugin alapú és nagyon jól karbantartott.
Ha kód-első, akkor ez az, amit választani kell.
- key: picks.benjie_gillam.name
t: SpecNews Podcast
- key: picks.benjie_gillam.bio
t: Közösség által finanszírozott OSS karbantartó
- key: picks.benjie_gillam.description
t: |
A GraphQL munkacsoport legutóbbi tevékenysége összefoglalva 5-10 percben havonta.
A legújabb GraphQL ismeretek minimális erőfeszítéssel!
- key: picks.xxxx.name
t:
- key: picks.xxxx.bio
t:
- key: picks.xxxx.description
t: |
###########################################################################
# Sponsors
###########################################################################
- key: sponsors.nijibox.description
t: >
Egy összefogó hely az UX tervezés, a kreativitás és a fejlesztés támogatásához.
- key: sponsors.frontendmasters.description
t: >
Fejleszd a készségeidet mélyreható, modern front-end fejlesztői kurzusokkal.
- key: sponsors.nhost.description
t: >
Az Nhost egy nyílt forráskódú Firebase alternatíva GraphQL-lel.
- key: sponsors.apollo.description
t: >
Az Apollo szupergráfja lehetővé teszi a termék- és mérnöki csapatok számára, hogy gyorsan elkészítsék a vásárlóik számára elképesztő élményeket.
- key: sponsors.the_guild.description
t: >
A The Guild nyílt forráskódú eszközöket és ökoszisztémát biztosít az API-k fejlesztéséhez.
- key: sponsors.hasura.description
t: >
Futtasd a Hashura-t helyileg vagy a felhőben, és csatlakoztassd az új vagy meglévő adatbázisaidat egyből egy termelési minőségű GraphQL API-hoz.
- key: sponsors.graphql_wtf.description
t: >
Tanulj valami újat a GraphQL-lel kapcsolatban minden héten. Új epizódokat kapsz közvetlenül a bejövő leveleidbe.
- key: sponsors.grafbase.description
t: >
Azonnali szerver nélküli GraphQL backend. A Grafbase a legjobb fejlesztői élményt nyújtja a GraphQL API-k telepítéséhez.
###########################################################################
# FAQ/About
###########################################################################
- key: about.content
t: >
A 2022-es State of GraphQL felmérés június 15. és július 15. között futott, és 3,094 választ gyűjtött össze. A felmérést elsősorban én, [Sacha Greif](https://sachagreif.com/) vezettem, nyílt forráskódú közreműködők és tanácsadók segítségével.
### A felmérés célja
Ez a felmérés, a [State of CSS](https://stateofcss.com/) és a [State of JS](https://stateofjs.com/) felmérésekkel együtt, azért jött létre, hogy az előttünk álló fejlesztői ökoszisztéma trendjeit azonosítsa, hogy segítsen a fejlesztőknek technológiai döntéseket hozni.
A viszonylag kis mintaméret miatt ezt a felmérést **a fejlesztők egy részhalmazának pillanatképének** kell tekinteni, és nem arra szolgál, hogy az egész GraphQL ökoszisztémára vonatkozóan beszéljen.
Ez a felmérés **semmilyen módon nincs összefüggésben a GraphQL-lel vagy a Facebookkal**.
### A felmérés tervezése
Ez a felmérés közösen lett tervezve, egy nyílt visszajelzési időszak alatt, ahol a felmérés tartalmát a GitHub-on ([1]((https://github.com/Devographics/Monorepo/issues/86), [2](https://github.com/Devographics/Monorepo/issues/90)) lehetett megvitatni. Minden felmérési kérdés opcionális volt.
### A felmérés közönsége
Ez a felmérés nyíltan elérhető volt az interneten, és a válaszadókat semmilyen módon nem szűrték vagy válogatták. A válaszadók főként a közösségi médiából érkező bejövő forgalomból származtak.
### Reprezentáció és befogadás
Bár mi hiszünk abban, hogy minden közösségnek hangot kell adni, a valóság az, hogy egy ilyen nyílt felmérés mindig küzdeni fog azzal, hogy megfelelően képviselje mindenkit, különösen akkor, ha olyan rendszereken keresztül dolgozunk, amelyeknek már megvannak a saját beépített előítéleteik.
Ahhoz, hogy ezt a problémát ellensúlyozzuk, három különböző stratégiát alkalmazunk:
- **Kitekintés**: mindig igyekszünk elérni különböző szervezeteket (például BIPOC- vagy LGBTQ-fókuszú szervezeteket, vagy online tanítási platformokat), hogy megpróbáljuk sokszínűsíteni a saját közönségünket.
- **Adatelemzés**: olyan funkciókkal, mint a facetek és a variánsok, mindig igyekszünk megkönnyíteni a demográfiai szegmensek hangjának felszínre hozását, függetlenül attól, hogy mennyire kisebbségi csoportról van szó az adatainkban.
- **Az akadályok csökkentése**: a felmérés túl hosszú, elérhetetlen, lassan töltődik be, csak angol nyelven stb. mind hozzájárulhat ahhoz, hogy egy "erőfeszítési adót" rójon a közösség olyan részeire, amelyek nem engedhetik meg maguknak. Ezeknek a problémáknak a megoldása csökkentheti a belépési küszöböt, és ezzel együtt sokszínűbbé teheti a közönségünket.
### A felmérés finanszírozása
A felmérés finanszírozását több forrásból fedeztük:
- **Grafikon szponzorálások**: a közösség tagjai adományozhatnak a felméréshez, cserébe a nevük megjelenik a jelentésben.
- **Szponzorált linkek**: a lap alján található ajánlott források linkei partnerünk, a [Frontend Masters](https://frontendmasters.com/) által kerülnek megjelenítésre.
- **Egyéb finanszírozás**: a cégek, amelyeket a [bevezető oldalon](/introduction) található "Partnereink" szakaszban sorolunk fel, pénzügyileg vagy egyéb módon is hozzájárultak.
A szponzoroknak nincs beleszólásuk a felmérés tartalmába vagy a felmérés eredményeinek bemutatásába, és a támogatásokat csak akkor döntjük el, amikor az összes adatot már összegyűjtöttük.
### Technikai áttekintés
[Itt](https://dev.to/sachagreif/how-the-state-of-js-css-surveys-are-run-4lnb) egy részletesebb technikai áttekintés található arról, hogy a felmérések hogyan működnek.
- **Adatgyűjtés**: egyedi [Vulcan.js](http://vulcanjs.org/) alkalmazás.
- **Adat tárolás/feldolgozás**: MongoDB & MongoDB Aggregations.
- **Adat API**: Node.js GraphQL API.
- **Eredmények oldala**: [Gatsby](https://www.gatsbyjs.com/) React alkalmazás.
- **Adatvizualizáció**: [Nivo](https://nivo.rocks/) React dataviz library.
- **Betűtípusok**: [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono) és [Bebas Neue](https://fonts.google.com/specimen/Bebas+Neue).