-
Notifications
You must be signed in to change notification settings - Fork 11
/
js2020.yml
273 lines (198 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
locale: pt-BR
namespace: js
translations:
###########################################################################
# General
###########################################################################
- key: general.results.description
t: A pesquisa anual sobre as últimas tendências no ecossistema JavaScript.
###########################################################################
# Introduction
###########################################################################
- key: introduction.js2020
t: |
<span class="first-letter">P</span>or mais ruim que tenha sido 2020, o JavaScript como um todo conseguiu de alguma forma avançar. À medida que a linguagem em si continua a melhorar com novos recursos como "Optional Chaining" e "Nullish Coalescing", a adoção generalizada do TypeScript está levando as coisas a um patamar completamente diferente ao popularizar a tipagem estática.
E no lado dos frameworks, justamente quando pensávamos que as coisas estavam se estabilizando, o Svelte entra e sacode tudo com uma abordagem inovadora para o front-end. E até mesmo as ferramentas de construção estão mostrando sinais de nova atividade após anos de domínio do webpack.
Mas a diferença desta vez é que o "antigo" grupo - relativamente falando - não está indo a lugar algum. Svelte e Snowpack são ótimos, mas também o são React e webpack. E é certo que eles também eventualmente cairão vítimas da Grande Reviravolta do JavaScript, mas isso não acontecerá por muitos e muitos anos.
Então vamos aproveitar o que temos aqui: um ótimo ecossistema que continua melhorando cada vez mais!
### Participe da Nossa Transmissão Ao Vivo de Lançamento!
Estaremos realizando uma [transmissão especial de lançamento](https://stateofjs.com/2020stream/) em colaboração com as pessoas do canal Twitch CodeItLive. Junte-se a nós, juntamente com convidados como Sarah Drasner, Josh W. Comeau e Kent C. Dodds, para discutir as tendências do JavaScript deste ano!
### Baixe Nossos Dados
Você pode [baixar os dados brutos em JSON deste levantamento](https://www.kaggle.com/sachag/state-of-js). Avise-nos se você criar suas próprias visualizações de dados!
### Estado do CSS
Se você ainda não viu, recomendamos fortemente conferir o [Relatório de Tendências do Estado do CSS 2020](https://2020.stateofcss.com/en-US/report/) para ficar atualizado sobre as três principais tendências de CSS do ano passado.
### Agradecimentos
Muitos agradecimentos a [Alexey Pyltsyn](https://github.com/lex111) por sua ajuda com as traduções.
Também agradecemos a [Amelia Wattenberger](https://wattenberger.com/) por nos ajudar a atualizar seu gráfico original “Mudanças ao Longo do Tempo” do ano passado. Se você deseja aprender a criar suas próprias visualizações de dados incríveis, não há melhor maneira do que fazer seu [curso de vídeo D3](https://www.newline.co/fullstack-d3).
### Créditos e Outras Informações
A Pesquisa Estado do JavaScript é criada e mantida por [Sacha Greif](https://twitter.com/sachagreif) e [Raphaël Benitte](https://twitter.com/benitteraphael).
Assista a [este vídeo de visão geral](https://www.youtube.com/watch?v=o4w1qEnZxbM) para saber mais sobre os aspectos técnicos do projeto, desde a coleta de dados até as visualizações de dados. Perguntas? Feedback? [Entre em contato](mailto:[email protected]) ou [junte-se ao nosso Discord](https://discord.gg/zRDb35jfrt).
Agora, vamos ver o que o JavaScript tem feito neste ano!
<span class="conclusion__byline">– Sacha e Raphaël</span>
###########################################################################
# Tshirt
###########################################################################
- key: sections.tshirt.title
t: T-shirt
- key: sections.tshirt.description
t: |
## Apoie a pesquisa e pareça bem no processo!
Atualizamos a muito popular 👕 Camiseta State of JavaScript 👕 para o cenário JavaScript de 2020!
A camisa apresenta uma “tabela periódica de JavaScript” que lista as bibliotecas mais populares agrupadas por categoria, junto com a contagem de estrelas do GitHub (em milhares).
Esta camiseta é uma ótima maneira de se familiarizar com o ecossistema JavaScript e talvez até mesmo iniciar uma conversa com outros desenvolvedores de JavaScript que pensam como você!
- key: tshirt.about
t: Sobre a camiseta
- key: tshirt.description
t: |
A impressão e o envio são feitos pelo [Cotton Bureau](https://cottonbureau.com/people/state-of-js). O design é impresso em uma camiseta preta premium Next Level, super macia, de mistura de três tecidos.
- key: tshirt.getit
t: Compre
- key: tshirt.price
t: USD ${price} + frete
###########################################################################
# Sections Introductions
###########################################################################
- key: sections.user_info.description
t: |
A pesquisa deste ano alcançou **23,765** pessoas em **137** cpaíses. Pela primeira vez neste ano,
conseguimos traduzir as perguntas da pesquisa em vários idiomas, graças a uma equipe incrível de voluntários.
- key: sections.features.description
t: |
Embora a maioria dos entrevistados estivesse ciente da maioria das funcionalidades do JavaScript mencionadas na pesquisa, muitos ainda não as utilizaram na prática.
- key: sections.technologies.description
t: |
A típica nova biblioteca JavaScript apresenta alta satisfação, mas baixa utilização, o que às vezes pode tornar a seleção da tecnologia certa para suas necessidades um pouco complicada. É aqui que a análise dos dados pode realmente ajudar a apontar na direção certa.
- key: sections.javascript_flavors.description
t: |
A tendência de “variedades” de JavaScript que compilam para código padrão começou há muitos anos com o CoffeeScript, mas agora está claro que o TypeScript é o líder incontestável nessa categoria.
- key: sections.front_end_frameworks.description
t: |
Como de costume, React e Vue lideram o grupo, mas o Svelte está rapidamente se estabelecendo como um concorrente muito sério para o trono do front-end.
- key: sections.datalayer.description
t: |
Embora o espaço de datalayer ainda esteja em constante evolução, uma coisa parece clara: o GraphQL e suas tecnologias relacionadas estão aqui para ficar.
- key: sections.back_end_frameworks.description
t: |
Enquanto o espaço de back-end ainda está muito fragmentado, o Express se destaca como a ferramenta dominante, enquanto o Next.js mantém uma alta taxa de satisfação.
- key: sections.testing.description
t: |
O ecossistema de testes continua a enriquecer, com novos participantes, como Testing Library e Playwright, recebendo altas notas no índice de satisfação.
- key: sections.build_tools.description
t: |
Apenas quando parecia que a dominância do webpack havia resolvido o debate, a cena de ferramentas de construção explodiu novamente com novos participantes, como Snowpack e esbuild, levando-nos a dedicar uma seção inteira a isso pela primeira vez desde 2017.
- key: sections.mobile_desktop.description
t: |
O JavaScript não é apenas para o navegador, e embora Electron e React Native sejam os dois nomes mais conhecidos nesta categoria, outras soluções como Expo e Capacitor também estão começando a ganhar destaque.
- key: sections.other_tools.description
t: |
A diversidade e quantidade de bibliotecas, utilitários e outras ferramentas destacam o quão vasto o ecossistema JavaScript se tornou, e pela primeira vez este ano estamos acompanhando runtimes JavaScript como Deno e Hermes.
- key: sections.resources.description
t: |
Aqui estão listados muitos recursos excelentes, e temos certeza de que você encontrará pelo menos alguns novos blogs ou podcasts para seguir!
- key: sections.opinions.description
t: |
Embora as coisas estejam geralmente bem no mundo do JavaScript, parece haver um pouco de queda em relação ao pico de positividade de 2018. Será que essa tendência vai continuar? Sintonize no próximo ano para descobrir!
###########################################################################
# Notes
###########################################################################
- key: blocks.source.note
t: >
Este gráfico agrega uma mistura de referências, parâmetros de URL e respostas livres.
- Estado do JS: a lista de discussão [State of JS](https://stateofjs.com) também corresponde a `email`, `por email`, etc.
- Estado do CSS: a lista de discussão [State of CSS](https://stateofcss.com/)
- Trabalho: corresponde a `trabalho`, `colegas`, `colegas de trabalho`, etc.
###########################################################################
# 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: O TypeScript já era popular, e com um crescimento de **{value}** no uso, parece que ele só vai se tornar mais onipresente no futuro.
- key: award.tool_satisfaction_award.comment
t: With a sky-high satisfaction rating of **{value}**, assim que finalmente encontrarem tempo.
- key: award.tool_interest_award.comment
t: O GraphQL continua sendo a única coisa que os desenvolvedores desejam aprender mais, com uma taxa de interesse de **{value}**, as soon as they can finally find the time.
- key: award.most_write_ins_award.comment
t: As pessoas sempre são apaixonadas por editores de texto, e com **{value}** menções, o IntelliJ IDEA ganha o prêmio de mais respostas por escrito.
###########################################################################
# Conclusion
###########################################################################
- key: sections.conclusion.description
t: |
Desde os tempos antigos, filósofos têm refletido sobre o Paradoxo do JavaScript: por um lado, você anseia por novos recursos de linguagem empolgantes e bibliotecas que prometem melhorar muito sua experiência de desenvolvedor.
Mas, ao mesmo tempo, você deseja estabilidade e simplicidade para poder finalmente realizar tarefas sem precisar passar metade do tempo navegando em tópicos complicados no GitHub e perguntas desatualizadas no Stack Overflow.
Então, qual é a resposta? Queremos o novo e reluzente ou o antigo e confiável? Mais do que nunca, 2020 mostrou que não estamos dispostos a abrir mão de nenhum dos dois. A boa notícia é que a comunidade JavaScript aceitou esse desafio, prometendo um emocionante 2021!
P.S. Se você ainda estiver ávido por mais estatísticas sobre JavaScript, recomendamos conferir as classificações anuais de [Rising Stars](https://risingstars.js.org/2020/en/) em [Best Of JS](https://bestofjs.org/).
###########################################################################
# Picks
###########################################################################
- key: picks.my_2020_pick
t: "Minha escolha para 2020: "
- key: picks.intro
t: Pedimos aos membros da comunidade JavaScript para compartilharem a “escolha do ano”
- key: picks.joshwcomeau.bio
t: Engenheiro de software que se tornou educador.
- key: picks.joshwcomeau.description
t: |
Este é um recurso de introdução fantástico para aprender sobre acessibilidade na web!
escolhi porque é nossa responsabilidade, como desenvolvedores JavaScript, garantir que os sites que construímos sejam utilizáveis por todos, não apenas por usuários que enxergam e usam teclado e mouse.
- key: picks.swyx.bio
t: Infinite Builder
- key: picks.swyx.description
t: |
Svelte é o Space Elevator dos frameworks front-end.
Isso ajuda você a enviar aplicativos extremamente rápido.
- key: picks.kentcdodds.bio
t: Melhorando o mundo com software de qualidade
- key: picks.kentcdodds.description
t: |
Remix é uma abordagem diferente para os frameworks React, com ênfase no aprimoramento progressivo.
Ele abraça a plataforma web de uma maneira que nenhum framework existente faz,
e estou empolgado com seu potencial.
- key: picks.sarah_edo.bio
t: Equipe Principal Vue.js
- key: picks.sarah_edo.description
t: |
Insomnia é um aplicativo que permite que você projete, teste e implante fluxos de trabalho
de API com uma UX limpa e simplificada - ele possui suporte tanto para REST quanto para GraphQL,
embora claramente os trocadilhos sejam melhores se você estiver usando REST.
- key: picks.ladyleet.bio
t: This Dot Labs, GDE, MVP
- key: picks.ladyleet.description
t: |
RedwoodJS e frameworks semelhantes estão começando a mudar nossa maneira de pensar sobre desenvolvimento.
Eles estão trazendo a facilidade do Ruby on Rails para o ecossistema de front-end.
- key: picks.midudev.bio
t: Líder Frontend @ e Criador de Conteúdo
- key: picks.midudev.description
t: |
Trabalhar com módulos no ecossistema JavaScript tem sido complicado.
O ES2020 trouxe os Módulos ES para acabar com isso. Eles já estão estáveis no Node.js. Uhu!
- key: picks.cassidoo.bio
t: Principal Engenheiro de Experiência de Desenvolvedor na Netlify
- key: picks.cassidoo.description
t: |
Ele é ativo em código aberto (na equipe principal do Vue),
cria consistentemente conteúdo útil para desenvolvedores aprenderem e é muito generoso com seu tempo.
- key: picks.lauragift_.bio
t: Desenvolvedor Frontend @ PassionatePeople
- key: picks.lauragift_.description
t: |
Josh Comeau tem sido uma inspiração para mim e, posso dizer, para a comunidade de JS em geral. Ele escreve artigos muito bem pensados em seu blog, e alguns dos melhores que li em 2020, porque me ajudaram a ficar por dentro das últimas novidades em JavaScript ou me ajudaram a aprender algo novo.
- key: picks.tomdale.bio
t: JavaScript Thinkfluencer
- key: picks.tomdale.description
t: |
Volta ajuda a gerenciar toda a sua cadeia de ferramentas JavaScript - pense no nvm,
mas também ajuda você e sua equipe a ficarem nas mesmas versões do Node, npm, ferramentas da CLI, etc.
Eu adoro porque é muito agradável de usar e está liderando o uso de Rust para construir ferramentas ágeis para JS.
- key: picks.markdalgleish.bio
t: Co-criador dos CSS Modules, criador do Playroom
- key: picks.markdalgleish.description
t: |
Automatiza a publicação no npm com a capacidade de associar notas de lançamento em Markdown a cada alteração. O Changesets realmente melhorou a qualidade de nossas notas de lançamento e gerenciamento de versão este ano.
- key: picks.sachagreif.bio
t: Criador da pesquisa State of JS
- key: picks.sachagreif.description
t: |
Best Of JS acompanha estatísticas do GitHub sobre praticamente todos os principais projetos JavaScript, e tem sido um recurso inestimável para nos ajudar a decidir o que incluir na pesquisa!