-
Notifications
You must be signed in to change notification settings - Fork 1
/
js2020.yml
295 lines (220 loc) · 15.3 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
locale: gl-ES
namespace: js
translations:
###########################################################################
# General
###########################################################################
- key: general.results.description
t: A enquisa anual sobre as últimas tendencias no ecosistema de Javascript
###########################################################################
# Introduction
###########################################################################
- key: introduction.js2020
t: |
<span class="first-letter">P</span>or merdeiro que fora 2020, JavaScript conseguiu seguir avanzando. A medida que a linguaxe en si siga mellorando
grazas ás novas características como Optional Chaining e Nullish Coalescing, a adopción xeralizada de TypeScript trae consigo outro nivel de popularidade á dixitación estática.
E falando de frameworks, xusto cando pensábamos que as cousas se estaban asentando, chega Svelte e o axita todo cun soplo de aire fresco no mundo do front-end. E incluso as ferramentas de build amosan novidades despois de anos de dominación de webpack.
Pero a diferenza nesta ocasión é que a "vella" garda -relativamente falando- non se vai a ningúres. Svelte e Snowpack son xeniais, pero tamén o son React e webpack. E seguro que tamén acabarán caindo no Enorme Abandono Javascript, máis non durante uns anos.
Polo tanto, vamos a disfrutar o que tenemos aquí: un gran ecosistema que non para de mellorar!
### Únete ao noso lanzamento en directo!
Vamos a facer un [directo especial de lanzamento](https://stateofjs.com/2020stream/) en colaboración coa xente da canle CodeItLive de Twitch. ¡Únete a nós e aos nosos convidados Sarah Drasner, Josh W. Comeau, e Kent C. Dodds para discutir as tendencias de JavaScript deste pasado ano!
### Descarga os nosos datos
Podes [descargar os datos desta enquisa en formato JSON](https://www.kaggle.com/sachag/state-of-js). Fainolo saber si acabas facendo as túas propias visualizacións dos datos!
### Estado de CSS
Se aínda non lle botaches un ollo, recomendamosche que mires o [Estado de CSS 2020 Informe de tendencias](https://2020.stateofcss.com/en-US/report/) para actualizarte coas principais tendencias de CSS deste ano pasado.
### Agradecementos
Moitas grazas a [Alexey Pyltsyn](https://github.com/lex111) pola súa axuda coas traducións.
Grazas tamén a [Amelie Wattenberger](https://wattenberger.com/) por axudarnos a actualizar a súa gráfica de "Cambios no tempo" do ano pasado. Se queres aprender a construir visualizadores de datos incribles, non hai mellor maneira que co seu [Curso de D3](https://www.newline.co/fullstack-d3).
### Créditos & Stuff
A enquisa sobre o estado de JS está creada e mantida por [Sacha Greif](https://twitter.com/sachagreif) e [Raphaël Benitte](https://twitter.com/benitteraphael).
Mira [este vídeo](https://www.youtube.com/watch?v=o4w1qEnZxbM) para aprender máis sobre os aspectos técnicos do proxecto. Preguntas? Suxestións? [Envía un mail](mailto:[email protected]) ou [únete ao noso Discord](https://discord.gg/zRDb35jfrt).
E agora, vexamos que pasou con JavaScript este ano!
<span class="conclusion__byline">– Sacha e Raphaël</span>
###########################################################################
# Tshirt
###########################################################################
- key: sections.tshirt.title
t: Camiseta
- key: sections.tshirt.description
t: |
## Apóia a enquisa e loce ben no proceso!
Actualizamola 👕 camieta do Estado de JavaScript 👕 do ano pasado có novo panorama deste ano!
A camiseta inclúe unha "táboa periódica de JavaScript" na que aparecen as librarías máis populares
agrupadas por categoría, xunto coa cantidade de estrelas en GitHub (expresado en miles)
Esta camiseta é unha boa maneira de familiarizarte có ecosistema de JavaScript
e pode que ata unha forma de establecer unha conversación con outros desenvolvedores
de JavaScript!
- key: tshirt.about
t: Sobre a camiseta
- key: tshirt.description
t: |
A impresión e o envío é xestionado por [Cotton Bureau](https://cottonbureau.com/people/state-of-js). O deseño imprimiuse nunha tea premium super suave.
- key: tshirt.getit
t: ¡Consíguea!
- key: tshirt.price
t: ${price} USD + envío
###########################################################################
# Sections Introductions
###########################################################################
- key: sections.user_info.description
t: |
Este ano a enquisa chegou a **23,765** persoas en **137** países. Por primeira vez, este ano
poidemos traducir esta enquisa a multiples idiomas grazas a un incríble equipo de voluntarios.
- key: sections.features.description
t: |
Mentres a maioría de profesionais consultados conocían a maioría das novidades de JavaScript
mencionadas na enquisa, algúns deles non as usaran.
- key: sections.technologies.description
t: |
A típica nova libraría de JavaScript amosa gran satisfacción pero un uso baixo, o que fai
que as veces elixir a tecnoloxía correcta para as túas necesidades sexa un pouco lioso. Por iso estes
resultados podenche axudar a encamiñarte na dirección correcta.
- key: sections.javascript_flavors.description
t: |
A tedencia dos "sabores" de JavaScript empezaron xa fai anos con CoffeScript, pero está claro
que a día de hoxe TypeScript é lider nesa categoría.
- key: sections.front_end_frameworks.description
t: |
Como xa estamos acostumados React e Vue lideran a gráfica, pero Svelte se está establecendo rápidamente
coma un serio pretendente á coroa do front-end.
- key: sections.datalayer.description
t: |
A pesares de que a capa de datos está en constante movemento, unha cousa parece clara: GraphQL e as súas
tecnoloxías relacionadas están aquí para quedarse.
- key: sections.back_end_frameworks.description
t: |
O espazo back-end está inda moi fragmentado, pero Express destaca coma ferramenta dominante,
mentres Next.js manten o seu alto grao de satisfacción.
- key: sections.testing.description
t: |
O ecosistema do testing segue enriquecendose, con novos contendentes coma Testing Library e Playwright,
ambos alcanzando altas puntuacións no índice de satisfacción.
- key: sections.build_tools.description
t: |
Xusto cando parecía que o dominio de webpack resolvera o debate, a escea das ferramentas de construción
volveu a explotar con novas incorporacións coma Snowpack e esbuild, o que non acontecía dende 2017.
- key: sections.mobile_desktop.description
t: |
JavaScript xa non é só para o navegador, e mentres Electron e React Native son os dous
nomes máis coñecidos da categoría, outras solucións coma Expo e Capacitor están empezando a levantar onda.
- key: sections.other_tools.description
t: |
A diversidade e cantidade de librarías, utilidades e outras ferramentas resalta o impresionantemente amplo que é o
ecosistema de JavaScript, e por primeira vez este ano tamén facemos seguimento de runtimes de javaScript coma Deno e Hermes.
- key: sections.resources.description
t: |
Unha grande cantidade de recursos son listados aquí, e estamos seguros que alomenos atoparás algúns blogs ou podcasts para seguir!
- key: sections.opinions.description
t: |
Mentres xeralmente todo pinta ben no país de JavaScript, parece que hai un pouco menos de positividade que cuando se alcanzou
o punto máis alxido alá por 2018. Persistirá a tendencia? Visitanos o ano que ven para descubrilo!
###########################################################################
# Notes
###########################################################################
- key: blocks.source.note
t: >
Este gráfico amosa un conxunto de referencias, parámetros de URL e respostas libres.
- Estado de JS: a lista de correo de [Estado de JS](https://stateofjs.com); contando tamén `email`, `por email`, etc.
- Estado de CSS: a lista de correo de [Estado de CSS](https://stateofcss.com/).
- Traballo: contando con `traballo`, `colegas`, `compañeiros de traballo`, etc.
###########################################################################
# Awards
###########################################################################
# - key: award.feature_adoption_delta_award.comment
# t: Cunha progresión de **{value}** no 2020, este era o ano no que CSS Grid pasaba de ser unha nova tecnoloxía a ser unha ferramenta de feito.
- key: award.tool_usage_delta_award.comment
t: TypeScript xa era popular, e con un crecemento de uso do **{value}** parece que seguirá moi presente no futuro.
- key: award.tool_satisfaction_award.comment
t: Coa elevada calificación de satisfacción de **{value}**, Testing Library é a ferramenta favorita de 2020.
- key: award.tool_interest_award.comment
t: GraphQL segue sendo o que os desenvolvedores máis queren aprender, cun ratio de interese do **{value}**, en canto finalmente atopen o tempo.
- key: award.most_write_ins_award.comment
t: A xente sempre se apaixoa falando de editores, e con **{value}** mencións, IntelliJ IDEA gaña o premio ás respostas máis escritas.
###########################################################################
# Conclusion
###########################################################################
- key: sections.conclusion.description
t: |
Desde tempos antiguos, os filósofos teñen reflexionado sobre a Paradoxa de Javascript: dunha banda, non podes esperar a que saquen excitantes novidades na linguaxe e librarías que fagan a túa experiencia de desenvolvedor moito mellor.
Pero á vez, pides estabilidade e simpleza para poder facer as cousas sen ter que empregar a metade de teu tempo navegando entre enguedellados fios en GitHub e preguntas obsoletas en Stack Overflow.
Así, que vai ser desta? Queremos o máis novo e brilante, ou queremos o vello pero fiable? Máis que nunca, 2020 amosa que non nos conformaremos con outra cousa que *ambalas*. A boa nova é que a comunidade de JavaScript asume o reto, o que augura un 2021 excitante!
P.S.: se inda segues con gañas de máis estadísticas sobre JavaScript recomendamosche que visites o ranking anual [Rising Stars](https://risingstars.js.org/2020/en/) de [Best Of JS](https://bestofjs.org/).
###########################################################################
# Picks
###########################################################################
- key: picks.my_2020_pick
t: 'Miña selección 2020'
- key: picks.intro
t: Pedimoslles a membros da comunidade de JavaScript que compartan as súas «eleccións do ano»
- key: picks.joshwcomeau.bio
t: Enxeñeiro de Software convertido en educador
- key: picks.joshwcomeau.description
t: |
Este é un fantástico recurso para aprender sobre accesibilidad web! Elixino
porque é o noso traballo coma desenvolvedores JS asegurarnos de que as webs que facemos sexan accesibles
para todos, non só para a xente que ve ben e pode usar rato e teclado.
- key: picks.swyx.bio
t: Constructor Infinito
- key: picks.swyx.description
t: |
Svelte é o ascensor espacial dos frameworks de front-end.
Axuda a lanzar aplicacións extremadamente rápido.
- key: picks.kentcdodds.bio
t: Mellorando o mundo con software de calidade
- key: picks.kentcdodds.description
t: |
Remix é unha aproximación diferente aos frameworks de React cun énfasis na
mellora progresiva. Interioriza a plataforma web dun xeito que ningún outro
framework fai e estou emocionado co seu potencial.
- key: picks.sarah_edo.bio
t: Equipo Principal de Vue.js
- key: picks.sarah_edo.description
t: |
Insomnia é unha aplicación que te permite deseñar, probar e despregar API
Workflows cunha experiencia limpia e simplificada - soporta REST e GraphQL,
inda que claramente funciona mellor para REST.
- key: picks.ladyleet.bio
t: This Dot Labs, GDE, MVP
- key: picks.ladyleet.description
t: |
RedwoodJS e frameworks semellantes están empezando a cambiar o noso concepto de desenvolvemento.
Trae a facilidade de Ruby on Rails ao ecosistema de front.
- key: picks.midudev.bio
t: Lider Frontend @ Adevinta & Creador de contido
- key: picks.midudev.description
t: |
Traballar con módulos no ecosistema JavaScript resultou desordeado. ES2020 ven
con ES Modules para acabar con iso. Incluso é estable en Node.ja Ei!
- key: picks.cassidoo.bio
t: Principal Developer Experience Engineer en Netlify
- key: picks.cassidoo.description
t: |
Ben é unha das persoas máis xenerosas da comunidade de JS.
Está activo en código aberto (no equipo principal de Vue), crea contido
de forma consistente para que aprendan os desenvolvedores, e é xeneroso con seu tempo.
- key: picks.lauragift_.bio
t: Frontend Developer @ PassionatePeople
- key: picks.lauragift_.description
t: |
Josh Comeau foi unha inspiración para min, e podo dicir para toda a comunidade de JS en xeral.
Escribe concienzudos artículos no seu blog, e son algúns dos mellores
que lin no 2020 porque ou me axudaron a estar á última en JavaScript
ou me axudaron a aprender algo novo.
- key: picks.tomdale.bio
t: JavaScript Thinkfluencer
- key: picks.tomdale.description
t: |
Volta axuda a xestionar toda a túa cadea de JavaScript - pensa en nvm, pero que ademáis
te axuda a ti e ao teu equipo a manter a mesma versión de Node, npm, CLI, etc.
Góstame porque é tan agradable de usar, e é pioneira no uso de
Rust para construir ferramentas rápidas para JS.
- key: picks.markdalgleish.bio
t: Co-creador de CSS Modules, creador de Playroom
- key: picks.markdalgleish.description
t: |
Automatiza a publicación con npm coa habilidade de vincular notas en Markdown a cada cambio. Os changesets teñen mellorado a calidade das nosas notas de lanzamento de novas versións e o control de versións este ano.
- key: picks.sachagreif.bio
t: Creador da enquisa sobre o Estado de JS
- key: picks.sachagreif.description
t: |
Best Of JS segue as estatísticas en GitHub sobre virtualmente todos os proxectos importantes en JavaSCript, e foi un incalculable recurso axudándonos a decidir que incluir na enquisa!