-
Notifications
You must be signed in to change notification settings - Fork 0
/
js2021.yml
439 lines (320 loc) · 23.1 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
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
locale: hu-HU
translations:
###########################################################################
# General
###########################################################################
- key: general.results.description
t: A JavaScript ökoszisztéma legfrissebb trendjeiről szóló éves felmérés 2021-es verziója.
- key: general.livestream_announcement
t: Ne felejtsd el megnézni a [közvetítést](https://dev.to/sachagreif/state-of-javascript-2021-livestream-24a5) a felmérés eredményeiről február 22-én! (angol)
###########################################################################
# Introduction
###########################################################################
- key: introduction.js2021
t: |
<span class="first-letter">S</span>ok minden történt 2021-ben. Túl sok ahhoz, hogy a felmérés még 2021-ben készüljön el!
Gyorsabb fordítási eszközök és egy új backend keretrendszer "termés" után, a JavaScript világ tovább fejlődik. És mi mindent megtettünk, hogy lépést tartsunk, és a felmérésünknek is adjunk néhány új funkciót ([olvass tovább, hogy megtudd mi új](https://dev.to/sachagreif/whats-new-in-the-2021-state-of-javascript-survey-4eej)), mint például új kérdéstípusok, a kérdések keresztezésének lehetősége (például éves fizetések tapasztalati szint szerint), és még egy lehetőség a diagramok testreszabására, hogy saját megállapításaidat is megjeleníthesd! Olvass tovább [mi új idén](https://dev.to/sachagreif/whats-new-in-the-2021-state-of-javascript-survey-4eej) (angol).
Nem minden ment zökkenőmentesen. Egy [adatszivárgás](https://dev.to/sachagreif/disclosing-a-state-of-javascriptstate-of-css-data-breach-2lg1) is volt, amely szerencsére nem tűnt úgy, hogy bármilyen rossz következménye lett volna. És folyamatosan törekszünk arra, hogy a felmérés inkluzívabbá, hozzáférhetőbbé és igazságosabbá váljon.
Mégis, bár a felmérés soha nem képviselheti a JavaScript ökoszisztéma teljes részét, reméljük, hogy az eredmények érdekesek lesznek!
<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.description
t: |
Ebben az évben **16,085** válaszadó vett részt a felmérésben. És annak érdekében,
hogy kiemeljük a különböző hangokat és mélyebb betekintést nyújtsunk, különleges
erőfeszítéseket tettünk az adatok lebontására.
- key: sections.features.description
t: |
Lehet, hogy a JavaScript gyorsan fejlődik, de úgy tűnik, hogy a JavaScript fejlesztők még gyorsabban fejlődnek, mivel sok viszonylag új funkció már magas elfogadási szintet mutat.
- key: sections.technologies.description
t: |
Az idei eredmények a JavaScript világ magas fokú fragmentáltságára utalnak. De bár ez néha fejfájást okozhat, de a verseny miatt nagyon dinamikus ökoszisztémát kapunk.
- key: sections.tools_others.description
t: |
Egy technológia kiválasztása gyakran nehéz döntések sorozatává válik a versengő
prioritások között, és idén megpróbáltuk ezt a folyamatot egy új, bracket-stílusú kérdésformátummal rögzíteni.
- key: sections.environments.description
t: |
Az akadálymentesítás régóta az utolsó gondolat volt a webfejlesztésben, de sok fejlesztő
most rájön, hogy valójában ez kellene, hogy az alapja legyen mindennek.
- key: sections.resources.description
t: |
A blogok, podcastok, és weboldalak kiemelése jó kezdet volt, de idén úgy döntöttünk,
hogy egy lépéssel tovább megyünk, és valójában a JavaScript közösség tagjait mutatjuk be!
- key: sections.opinions.description
t: |
Ha egy hiányosság, ami visszatart, vagy egy funkció, amit hiányolsz, akkor ez volt a
lehetőséged, hogy megoszd a JavaScript-el kapcsolatos véleményedet!
###########################################################################
# 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: |
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.js2021
t: |
<span class="first-line">A JavaScript ma sokkal jobb állapotban van, mint 2016-ban.</span>
Amikor még először mutattuk be a State of JS felmérést, a TypeScript-et csak a válaszadók 21%-a használta, míg ma már 69%. Míg korábban viccelődtünk azon, hogy minden nap új frontend keretrendszer jelenik meg, a React és a Vue már 6 éve dominál. És a válaszadók 59%-a szerint a "JS túl gyorsan fejlődik", ma már csak 38%.
Ezzel nem akarjuk azt mondani, hogy a JavaScript ökoszisztéma már nem változik. A **Nullish Coalescing** és a **Optional Chaining** API-k a legnépszerűbb új API-k a felmérésünkben, annak ellenére, hogy csak 2 évesek. És a TC39-től még több jó dolog várható: a felmérésünk szerint a dátumkezelés a legfontosabb hiányzó funkció, és a Temporal API nemrégiben elérte a [Stage 3](
Az eszközök ökoszisztémája is hatalmas fejlődésen megy keresztül, és nyugodtan mondhatjuk, hogy 2021 a **Vite** éve volt. A Vite nem csak 98%-os megtartással indult, de a felmérésünk szerint a használata már 30% az első évében, még az esbuild-et is felülmúlva. A Vite nem egyedül próbálja javítani a JavaScript build eszközök állapotát - a 12 eszközünk közül 8 kevesebb, mint két éves! És míg a **pnpm**, **Turborepo** és **Nx** a legjobb helyezéseket érték el az első évünkben a monorepo eszközök kategóriájában, csak 25% jelentette, hogy elégedett azzal a kategóriával, ami azt mutatja, hogy még sok munka vár ránk.
Itt megjegyeznénk: sok új belépővel, mint a **Deno**, **Rome**, **Astro**, **Remix** és mások, most már a kockázati tőkével támogatott vállalatok is támogatják, talán egy életképes alternatívát jelentve a törékeny nyílt forráskódú finanszírozási környezet számára.
Ahogyan a [JavaScript harmadik korszaka](https://www.swyx.io/js-third-age/) belép a harmadik évébe, a nyitott forráskódú fejlesztők és vállalkozók számára továbbra is nyílnak a lehetőségek, és izgatottan várom, hogy mi hozza a következő pár évet!
- key: conclusion.js2021.bio
t: DX Vezető a Temporal-nál
###########################################################################
# Picks
###########################################################################
- key: picks.my_pick
t: "A 2021-es választásom: "
- key: picks.intro
t: A JavaScript közösség tagjait arra kértük, hogy osszák meg az "idei választásukat"
- key: picks.lee_robinson.name
t: SvelteKit
- key: picks.lee_robinson.bio
t: Fejlesztői kapcsolatok igazgatója a Vercelnél
- key: picks.lee_robinson.description
t: |
A SvelteKit egy friss megközelítés a webes alkalmazások fejlesztésére, és egy
hihetetlenül szenvedélyes, gyarapodó támogatói közösséggel rendelkezik.
- key: picks.vadim_makeev.name
t: Szerveroldali renderelés
- key: picks.vadim_makeev.bio
t: Fejlesztői kapcsolatok, podcast készítő és webes szabványok híve
- key: picks.vadim_makeev.description
t: |
Eljött az idő, hogy rendbehozzuk a prioritási sorrendünket.
UX > DX, és mindig is így volt. A teljesítmény FTW!
- key: picks.ben_ilegbodu.name
t: Lee Robinson
- key: picks.ben_ilegbodu.bio
t: Ben Ilegbodu, Principal Frontend Engineer @ Stitch Fix
- key: picks.ben_ilegbodu.description
t: |
Lee mindig is jó volt a Next.js evangelizálásában, de idén különösen
sokat tett a Next.js népszerűsítéséért, és a következő évre nézve
még többet várunk tőle.
- key: picks.shawn_wang.name
t: Supabase
- key: picks.shawn_wang.bio
t: DX vezető a Temporal-nál
- key: picks.shawn_wang.description
t: |
A Supabase a Postgres-t hozza el több fejlesztőhöz, és megmutatja, hogy egy kis,
fókuszált csapat hogyan tud 10x-os méretű társaival versenyezni.
- key: picks.sarah_drasner.name
t: Pawel Kozlowski
- key: picks.sarah_drasner.bio
t: Mérnök igazgató, Core Developer Web a Google-nél
- key: picks.sarah_drasner.description
t: |
Pawel Kozlowski az a fajta fejlesző, aki nyitott szemmel jár, és kíváncsisággal
és alázattal fogadja a különböző megközelítéseket, azzal a céllal, hogy
javítsa a dolgokat.
- key: picks.sara_vieira.name
t: Paul Henschel
- key: picks.sara_vieira.bio
t: Nemzetközi ügynök a JS Bullshit-nél
- key: picks.sara_vieira.description
t: |
Paul munkája az animációkon és a ReactThreeFiber-en
nagyon megkönnyítette a 3D-s munkát a weben.
- key: picks.mark_erikson.name
t: Ryan Carniato
- key: picks.mark_erikson.bio
t: Redux Maintainer
- key: picks.mark_erikson.description
t: |
Ryan reaktív JS keretrendszere, a SolidJS elérte az 1.0-át, és számos cikket írt
a haladó JS keretrendszerek implementációs koncepcióinak elemzéséről.
- key: picks.miguel_angel_duran.name
t: Vite
- key: picks.miguel_angel_duran.bio
t: Front End fejlesztő és Twitch Coding Streamer
- key: picks.miguel_angel_duran.description
t: |
Az esbuild és az swc mellett a Vite is egy olyan eszköz, amely előre viszi az ökoszisztémát.
A Vite-nak egy csodálatos DX-e van, és rengeteg funkcióval rendelkezik.
- key: picks.alyssa_nicoll.name
t: BroccoDev's Twitch Stream
- key: picks.alyssa_nicoll.bio
t: Senior Developer Advocate a Progress-nél
- key: picks.alyssa_nicoll.description
t: |
Mike Brocchi nemrégiben elkezdett Twitchen streamelni. Ő egy zseniális programozó,
fejlesztő, és ami a legfontosabb tanár. Mindig nagyon jól szórakozom, amikor
nézem a streamjeit, és tőle tanulok.
- key: picks.michael_jackson.name
t: esbuild
- key: picks.michael_jackson.bio
t: A Remix társalapítója
- key: picks.michael_jackson.description
t: |
Mi a Remix compilert az esbuild-re építjük, és ez határozottan megemelte a lécet,
ami a JS bundlereket illeti. Hihetetlenül gyors, és a plugin API lehetővé teszi,
hogy gyakorlatilag bármit megtegyünk, amit szeretnénk.
- key: picks.david_khourshid.name
t: Remix
- key: picks.david_khourshid.bio
t: Zongorista és a Stately alapítója
- key: picks.david_khourshid.description
t: |
A Remix egy full stack webes keretrendszer, amely régimódi érzést kelt, de
jó értelemben, mert a gyors, összetett és hozzáférhető modern webes alkalmazások
létrehozásának útjára állít.
- key: picks.kent_c_dodds.name
t: Fly.io
- key: picks.kent_c_dodds.bio
t: Fejlesztői élmény igazgató a Remix-nél
- key: picks.kent_c_dodds.description
t: |
A Fly egy olyan platform, amely lehetővé teszi a fejlesztők számára, hogy
a szerveroldali kódjukat a világ bármely pontján futtassák, és a felhasználók
számára a lehető leggyorsabb válaszidőt biztosítsák.
- key: picks.tejas_kumar.name
t: Joe Haddad
- key: picks.tejas_kumar.bio
t: Webfejlesztő, konferencia előadó és a Xata fejlesztői kapcsolatok igazgatója
- key: picks.tejas_kumar.description
t: |
Joe a Next.js-en dolgozik a Vercelnél, és folyamatosan büszkén mutatja be annak erejét,
miközben aktívan hallgat a visszajelzésekre a közösségtől, hogy jobban támogathassa őket.
- key: picks.wes_bos.name
t: TC39 ajánlások
- key: picks.wes_bos.bio
t: JavaScript oktató és podcast házigazda
- key: picks.wes_bos.description
t: |
Egy Git repo tele minden olyan dologgal, amit a JavaScript-hez javasoltak. Nagyon
szórakoztató végigolvasni az ötleteket, amiket az emberek a nyelvhez adnának,
és látni, hogy milyen fázisokon mennek keresztül.
- key: picks.scott_tolinski.name
t: SvelteKit
- key: picks.scott_tolinski.bio
t: A Level-Up Tuts készítője, a Syntax műsorvezetője
- key: picks.scott_tolinski.description
t: |
A Svelte Kit egy fantasztikus fejlesztői élményt nyújt, és a Svelte-tel együtt
egy nagyon erős keretrendszert alkot.
- key: picks.xxxx.name
t:
- key: picks.xxxx.bio
t:
- key: picks.xxxx.description
t: |
###########################################################################
# Sponsors
###########################################################################
- key: sponsors.frontendmasters.description
t: Fejleszd a készségeidet mélyreható, modern front-end fejlesztői kurzusokkal.
- key: sponsors.polypane.description
t: Egy böngésző az ambiciózus fejlesztőknek. Könnyen kezelhető, akadálymentes és gyors weboldalak készítése.
- key: sponsors.google_chrome.description
t: Köszönjük a Google Chrome csapatának a munkánk támogatását.
###########################################################################
# FAQ/About
###########################################################################
- key: about.content
t: >
A 2021-es State of JS felmérés 2022. január 13. és február 2. között futott, és 16,085 választ gyűjtött. A felmérést [Sacha Greif](https://sachagreif.com/) (én) készítette, egy nyílt forráskódú csapat segítségével.
Az idei logót és pólót [Christopher Kirk-Nielsen](http://chriskirknielsen.com/) tervezte.
### A felmérés célja
Ez a felmérés, a [State of CSS](https://stateofcss.com/) felméréshez hasonlóan, arra szolgál, hogy az előttünk álló években várható trendeket azonosítsa, hogy a fejlesztők segítségére legyen a technológiai választásokban.
Mint olyan, ezek a felmérések inkább a következő években várható trendekre összpontosítanak, mintsem a jelenleg népszerű technológiák elemzésére, ezért azok a funkciók vagy technológiák, amelyek jelenleg a legelterjedtebbek, nem mindig kerülnek be.
Ez a felmérés nem a JavaScript ökoszisztéma teljes képét mutatja be, hanem egy **adott fejlesztői csoport** pillanatképét, és nem szól az egész ökoszisztéma nevében.
### A felmérés tervezése
Ez a felmérés a tavalyi felmérés alapján lett tervezve, egy nyílt visszajelzési időszak alatt, ahol a felmérés vázlata megvitatásra került [a GitHub-on](https://github.com/Devographics/surveys/issues?q=is%3Aissue+is%3Aopen+label%3A%22State+of+JS+2022%22).
Az összes 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 többsége a korábbi felmérésekből származó válaszadók keveréke volt (egy dedikált e-mail listán keresztül értesítve), valamint a közösségi médiából származó forgalom.
Megjegyzendő, hogy a keretrendszerek, könyvtárak stb. szabadon bátoríthatták közönségüket a felmérésben való részvételre, és néhányan éltek is ezzel a lehetőséggel a felmérésben való részvételre szóló banner, tweetek stb. segítségével. A forgalom forrásainak részletes felbontása szerepel a "Források" diagramban.
### 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:
- **Póló eladások**.
- **Chart Sponsorships**: members of the community can donate to the survey in exchange for having their name featured in the report.
- **Szponzorált linkek**: a lap alján található ajánlott források linkei partnereink, a [Frontend Masters](https://frontendmasters.com/) által kerülnek megjelenítésre.
- **Egyéb finanszírozás**: idén a [Google Chrome](https://www.google.com/chrome) csapata külön költségvetést különített el egy [hozzáférhetőségi tanácsadó](https://fossheim.io/) felvételére, aki a CSS és JS felmérések fejlesztésén dolgozott.
Az összes felsorolt forrás ellenére, a felmérés továbbra is főként önkéntes munkán alapul, és bármilyen hozzájárulás vagy szponzoráció nagyra értékelendő. Különösen szeretnék szorosabban együttműködni a böngészők fejlesztőivel, mivel ők játszanak ilyen központi szerepet a web ökoszisztémájában.
### 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).