-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathjs2020.yml
More file actions
297 lines (222 loc) · 23 KB
/
js2020.yml
File metadata and controls
297 lines (222 loc) · 23 KB
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
locale: ru-RU
namespace: js
translations:
###########################################################################
# General
###########################################################################
- key: general.results.description
t: Ежегодный опрос о последних тенденциях в экосистеме JavaScript.
###########################################################################
# Introduction
###########################################################################
- key: introduction.js2020
t: |
<span class="first-letter">К</span>аким бы ни был плохим 2020 год, JavaScript не стоит на месте. В самом языке появились такие новые возможности как
опциональная цепочка и оператор объединения с null, в то время как широкое применение TypeScript поднимает разработку на качественно новый уровень, распространяя повсеместно статическую типизацию.
Когда мы только думали, что в мире фреймворков всё устаканилось, появился Svelte, который заставил по-новому взглянуть на фронтенд. Также в инструментах сборки после долгих лет господства webpack наблюдается приток свежей крови.
Однако старая гвардия не собирается никуда уходить. Хотя Svelte и Snowpack прекрасны, у нас по-прежнему есть не менее замечательные React и webpack. Конечно, однажды они станут жертвами очередного большого хайпа в JavaScript, но до этого ещё очень и очень далеко.
А пока давайте наслаждаться тем, что есть — хорошей и постоянно улучшающейся экосистемой!
### Заходите к нам на стрим!
Вместе с ребятами из Twitch-канала CodeItLive мы будем проводить [специальный стрим, посвящённый результатам опроса](https://stateofjs.com/2020stream/). Заходите к нам на огонёк, где мы с Сарой Драснер (Sarah Drasner), Джошем Комо (Josh W. Comeau) и Кентом Доддсом (Kent C. Dodds) обсудим тенденции развития JavaScript в этом году!
### Загрузка данных
Вы можете [скачать JSON-исходник с данными по этому опросу](https://www.kaggle.com/sachag/state-of-js). Дайте нам знать, если вы сделайте собственные визуализации этих данных!
### State of CSS
Если вы ещё не смотрели, мы настоятельно рекомендуем ознакомиться с [отчётом о трендах опроса State of CSS 2020](https://2020.stateofcss.com/en-US/report/), чтобы узнать о трех основных тенденций CSS за прошедший год.
### Благодарности
Отдельная благодарность [Алексею Пыльцыну (Alexey Pyltsyn)](https://github.com/lex111) за помощь над переводами.
Также спасибо [Амелии Ваттенбергер (Amelia Wattenberger)](https://wattenberger.com/) за улучшение созданной ею диаграммы «Изменения во времени» в прошлом году. Если вы хотите научиться создавать собственные крутые визуализации данных, то вряд ли найдёте что-либо лучшее, чем её [видеокурс по D3](https://www.newline.co/fullstack-d3).
### Дополнительная информация
Опрос State of JavaScript создан и развивается [Сашей Грайф (Sacha Greif)](https://twitter.com/sachagreif) и [Рафаэлем Бенитт (Raphaël Benitte)](https://twitter.com/benitteraphael).
Посмотрите [данный видеообзор](https://www.youtube.com/watch?v=o4w1qEnZxbM), чтобы узнать больше о технических деталях опроса — от сбора данных до визуализации данных. Есть вопрос? Хотите поделиться своим мнением? [Напишите нам](mailto:hello@stateofjs.com) или [загляните в наш чат на Discord](https://discord.gg/zRDb35jfrt).
А теперь давайте посмотрим, каким был JavaScript в этом году!
<span class="conclusion__byline">– Саша и Рафаэль</span>
###########################################################################
# Tshirt
###########################################################################
- key: sections.tshirt.title
t: Футболка
- key: sections.tshirt.description
t: |
## Поддержите наш опрос и при этом выглядите стильно!
Мы обновили очень популярную в прошлом году 👕 футболку State of JavaScript 👕, чтобы отобразить текущее положение дел в 2020 году!
На футболке изображена «периодическая таблица JavaScript», в которой перечислены наиболее популярные библиотеки, сгруппированные по категориям, вместе с количеством звёзд на GitHub (в тысячах).
Данная футболка — отличный способ ознакомиться с экосистемой JavaScript и, возможно, даже завязать беседу с другими единомышленниками среди JavaScript-разработчиков!
- key: tshirt.about
t: Подробнее о футболке
- key: tshirt.description
t: |
Печать и доставка осуществляется через [Cotton Bureau](https://cottonbureau.com/people/state-of-js). Футболка сделана из высококачественной супер-мягкой чёрной ткани, состоящей из трёх материалов (трибленд) от Next Level.
- key: tshirt.getit
t: Купить
- key: tshirt.price
t: '{price} долларов (без доставки)'
###########################################################################
# Sections Introductions
###########################################################################
- key: sections.user_info.description
t: |
В опросе этого года поучаствовало **23,765** человек из **137** стран. Впервые в этом году
мы смогли перевести опрос на несколько языков благодаря замечательной команде волонтёров.
- key: sections.features.description
t: |
Хотя очень много респондентов и слышали про большинство возможностей JavaScript,
упомянутых в опросе, но факту редко кто использовал большую часть из них.
- key: sections.technologies.description
t: |
Из-за того, что в основном новая JavaScript-библиотека показывает высокий уровень удовлетворённости, но имеет низкий процент использования,
довольно сложно выбрать нужный инструмент для задачи. В этом разделе
представленные в наглядном виде данные направят вас на верный путь.
- key: sections.javascript_flavors.description
t: |
Тенденция «разновидностей» JavaScript, которые компилируются в обычный код,
началась много лет назад с CoffeeScript, но теперь совершенно очевидно,
что TypeScript является безусловным лидером в этой категории.
- key: sections.front_end_frameworks.description
t: |
Как обычно, в лидерах React и Vue, однако Svelte
быстро становится весьма серьёзным претендентом на фронтенд-корону.
- key: sections.datalayer.description
t: |
Хотя способ обращения к данным по-прежнему находится в непрерывном развитии, ясно только одно:
GraphQL и связанные с ним технологии останутся с нами навсегда.
- key: sections.back_end_frameworks.description
t: |
Бэкенд всё ещё лишён целостности, хотя стоит отметить доминирующее положение Express,
в то время как Next.js удерживает высокий уровень удовлетворённости.
- key: sections.testing.description
t: |
Экосистема тестирования становится всё более богаче: такие новые инструменты как Testing Library и Playwright
демонстрируют высокий индекс удовлётворенности.
- key: sections.build_tools.description
t: |
В тот самый момент, когда казалось, что webpack нет равных в инструментах сборки,
на сцену ворвались Snowpack и esbuild, что подтолкнуло нас к тому,
чтобы впервые с 2017 года создать отдельный раздел для них.
- key: sections.mobile_desktop.description
t: |
JavaScript — язык не только для браузеров, Electron и React Native — два самых известных имени
в этом разделе, хотя другие решения вроде Expo и Capacitor
уже начинают нагонять волну.
- key: sections.other_tools.description
t: |
Разнообразие и количество библиотек, утилит и других инструментов свидетельствуют о том, насколько обширной стала JavaScript-экосистема,
так что впервые в этом году мы начали отслеживать среды выполнения JavaScript,
такие как Deno и Hermes.
- key: sections.resources.description
t: |
Здесь собрано много замечательных ресурсов, поэтому мы уверены,
что вы найдёте по крайней мере несколько новых блогов или подкастов, на которые стоит подписаться!
- key: sections.opinions.description
t: |
Хотя в целом мир JavaScript находится в спокойствии, похоже, что после самых позитивных настроений в 2018 году наблюдается небольшой спад.
Будет ли эта тенденция сохраняться? Узнаем в следующем году, не переключайтесь!
###########################################################################
# Notes
###########################################################################
- key: blocks.source.note
t: >
Эта диаграмма объединяет набор ссылок, URL-параметры и ответы в свободной форме (на английском языке).
- State of JS: почтовая рассылка [State of JS](https://stateofjs.com); сюда относятся ответы, содержащие `email`, `by email` и т.д.
- State of CSS: почтовая рассылка [State of CSS](https://stateofcss.com/).
- Work: ответы, включающие `work`, `colleagues`, `coworkers` и т.д.
###########################################################################
# 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: TypeScript уже был популярен, а в этому году его использование возросло на **{value}**, и судя по всему это не предел и в будущем он получит ещё большее распространение.
- key: award.tool_satisfaction_award.comment
t: С невероятно высоким показателем удовлетворённости в **{value}**, Testing Library является самым обожаемым инструментом 2020 года.
- key: award.tool_interest_award.comment
t: GraphQL по-прежнему остаётся самой интересной технологией для изучения.
- key: award.most_write_ins_award.comment
t: Люди никогда не были равнодушны к текстовым редакторам, и IntelliJ IDEA с **{value}** упоминаниями одерживает победу как наиболее популярный вариант ответа по мнению самих опрошенных.
###########################################################################
# Conclusion
###########################################################################
- key: sections.conclusion.description
t: |
С древних времен философы ломали голову над парадоксом JavaScript: с одной стороны, людям не терпится использовать новые и интересные возможности языка и библиотеки, которые обещают значительно улучшить их жизнь как разработчика.
Но в то же время им нужна стабильность и простота, чтобы они могли выполнять свои рабочие задачи, не тратя половину времени на чтение витиеватых дискуссий в ишью на GitHub и изучения устаревших вопросов на Stack Overflow.
И что из этого выбрать? Использовать новое и модное или предпочесть старое, но надёжное? Как никогда раньше, опрос 2020 года показывает, что мы хотим *всё это вместе*. К счастью, сообщество JavaScript способно принять такой вызов, который готовит захватывающий 2021 год!
P.S. Если вы жаждите посмотреть ещё больше JavaScript-статистики, рекомендуем вам ознакомиться с ежегодным рейтингом [Rising Stars](https://risingstars.js.org/2020/ru/) от [Best Of JS](https://bestofjs.org/).
###########################################################################
# Picks
###########################################################################
- key: picks.my_2020_pick
t: 'Мой выбор в 2020 году: '
- key: picks.intro
t: Мы попросили участников CSS-сообщества поделиться своим ”выбором года”
- key: picks.joshwcomeau.bio
t: Программист, ставший преподавателем
- key: picks.joshwcomeau.description
t: |
Это отличнейший ресурс для начала изучения веб-доступности!
Я выбрал его, поскольку мы как JS-разработчики ответственны за то, чтобы нашими сайтами
могли пользоваться все люди, а не только зрячие из них, у которых есть клавиатура и мышь.
- key: picks.swyx.bio
t: Неустанный создатель
- key: picks.swyx.description
t: |
Svelte — это своего рода космический лифт в мире фронтенд-фреймворков,
который позволяет создавать чрезвычайно быстрые приложения.
- key: picks.kentcdodds.bio
t: Улучшаю мир через качественные приложения
- key: picks.kentcdodds.description
t: |
Remix — совершенно иной React-фреймворк с упором на прогрессивное улучшение.
Он включает в себя веб-платформу, что не предлагает ни один из существующих фреймворков,
так что я в восторге от его потенциальных возможностей.
- key: picks.sarah_edo.bio
t: Участница основной команды Vue.js
- key: picks.sarah_edo.description
t: |
Insomnia — это приложение, позволяющее проектировать, тестировать и развёртывать
API через чистый и упрощённый интерфейс. Поддерживается как REST, так и GraphQL,
хотя очевидно, как следует из описания, лучше всего этот инструмент работает с REST.
- key: picks.ladyleet.bio
t: This Dot Labs, GDE, MVP
- key: picks.ladyleet.description
t: |
RedwoodJS и подобные ему фреймворки меняют наше представления о разработке.
Он привносит лёгкость Ruby on Rails в экосистему фронтенда.
- key: picks.midudev.bio
t: Ведущий фронтендер в Adevinta и видеоблогер
- key: picks.midudev.description
t: |
Работа с модулями JavaScript-экосистемы была запутанной.
Положить конец этому пришли ESM-модули из ES2020. Они даже уже стабильны в последней версии Node.js. Ура!
- key: picks.cassidoo.bio
t: Главный DX-инженер в Netlify
- key: picks.cassidoo.description
t: |
Бен — один из самых великодушных людей в JS-сообществе.
Он активно участвует в опенсорсе (как участник основной команды Vue),
неустанно занимается созданием обучающего контента для разработчиков, уделяя этому много своего времени.
- key: picks.lauragift_.bio
t: Фронтенд-разработчик в PassionatePeople
- key: picks.lauragift_.description
t: |
Джош Комо (Josh Comeau) вдохновлял меня, и, уверен, что сообщество JS в целом.
В своём блоге он пишет очень глубокие по содержанию статьи, по моему мнению лучшие из тех, что
я читал в 2020 году, которые помогли мне следить за последними JavaScript-тенденциями
или узнать что-то новое.
- key: picks.tomdale.bio
t: JavaScript Thinkfluencer
- key: picks.tomdale.description
t: |
Volta помогает управлять всем JavaScript-инструментарием — это как nvm, но также способствует
вам и вашей команде использовать одну и ту же версию Node, npm, CLI-инструментов и т.д.
Мне нравится он, поскольку его крайне приятно использовать, к тому же это
первый пример применения Rust по созданию быстрых инструментов для JS.
- key: picks.markdalgleish.bio
t: Один из создателей CSS Modules, автор Playroom
- key: picks.markdalgleish.description
t: |
Автоматическая публикация на npm с возможностью добавления анонса новой версии в формате Markdown к каждому изменению. Changesets действительно повысили качество наших описаний изменений в релизах и в целом управление версиями в этом году.
- key: picks.sachagreif.bio
t: Автор опроса State of JS
- key: picks.sachagreif.description
t: |
Best Of JS отслеживает статистику на GitHub практически по каждому крупному JavaScript-проекту, так что это бесценный источник информации, который помог нам определиться с тем, какие инструменты стоило включить в наш опрос!