-
Notifications
You must be signed in to change notification settings - Fork 4
/
js2020.yml
274 lines (198 loc) · 14.1 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
locale: zh-Hans
namespace: js
translations:
###########################################################################
# General
###########################################################################
- key: general.results.description
t: 关于JavaScript生态系统最新趋势的年度调查。
###########################################################################
# Introduction
###########################################################################
- key: introduction.js2020
t: |
<span class="first-letter">尽</span>管2020年很糟糕，但 JavaScript 整体上仍然在设法向前发展。得益于像可选链(Optional Chaining)和空值合并运算符(Nullish Coalescing)这样的新特性，语言本身在不断改进，而 TypeScript 的广泛使用将静态类型化普及到了一个新的高度。
在框架方面，就在我们以为一切都已经稳定下来的时候，Svelte 的出现以一种全新的方式撼动了前端的一切。甚至连构建工具在经历了多年的 webpack 统治之后，也出现了新的活动迹象。
但这次不同的是，"老牌"后卫-相对而言-不会消失。Svelte 和 Snowpack 很优秀，但 React 和 webpack 也同样如此。当然，它们最终也会成为JavaScript变革的牺牲品，但至少很多很多年内不会。
所以，让我们享受我们所拥有的:一个不断变得更好的伟大的生态系统!
### 加入我们的发布直播！
我们将与 CodeItLive Twitch 频道的人合作，做一个[特别发布直播](https://stateofjs.com/2020stream/)。加入我们，与 Sarah Drasner 、 Josh W. Comeau 和 Trent 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:[email protected]) 或 [加入我们的 Discord](https://discord.gg/zRDb35jfrt)。
现在，让我们来看看 JavaScript 在今年怎么样了！
<span class="conclusion__byline">– Sacha and Raphaël</span>
###########################################################################
# Tshirt
###########################################################################
- key: sections.tshirt.title
t: T恤衫
- key: sections.tshirt.description
t: |
## 支持调查，并在此过程中保持良好的形象!
我们已经为2020年的 JavaScript 更新了去年非常流行的 👕 State of JavaScript T恤衫 👕
这件衬衫的特点是，以"JavaScript 周期表"的形式，按类别列出了最流行的库，以及它们在 GitHub 上的 star 数（以千为单位）。
这件衬衫是让你熟悉 JavaScript 生态系统的好方法，甚至可以令你和其他志同道合的 JavaScript 开发者邂逅。
- key: tshirt.about
t: 关于 T恤衫
- key: tshirt.description
t: |
印刷和运输由 [Cotton Bureau](https://cottonbureau.com/people/state-of-js) 负责. 整体设计被印刷在优质的黑色柔软的三层混纺衬衫上。
- key: tshirt.getit
t: 购买
- key: tshirt.price
t: ${price} 美元 + 邮费
###########################################################################
# Sections Introductions
###########################################################################
- key: sections.user_info.description
t: |
今年的调查覆盖率了 **137** 个国家的 **23,765** 个人。今年，归功于一个了不起的志愿者团队，我们首次能够将调查问题翻译成多种语言。
- key: sections.features.description
t: |
尽管大多数受访者都知道调查中提到的大部分 JavaScript 功能，许多人仍未实际使用其中的大部分功能。
- key: sections.technologies.description
t: |
典型的新JavaScript库满意度较高，但使用率较低，这有时会使选择适合你需要的技术变得有点棘手。在这里查看数据，可以真正帮助你找到正确的方向。
- key: sections.javascript_flavors.description
t: |
编译成标准代码的"JavaScript Flavors"趋势从多年前的 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 生态系统已经变得多么庞大，今年的调查中我们还首次对 Deno 和 Hermes 等 JavaScript 运行时环境进行了跟踪。
- 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}**，是2020年整体最受欢迎的工具。
- key: award.tool_interest_award.comment
t: GraphQL仍然是开发者们最想了解的东西，兴趣比例为 **{value}**，只要他们能找到时间。
- key: award.most_write_ins_award.comment
t: 人们对文本编辑器总是充满热情，凭借 **{value}** 次提及，IntelliJ IDEA 获得了提及最多的奖项。
###########################################################################
# Conclusion
###########################################################################
- key: sections.conclusion.description
t: |
自古以来，哲学家们就一直在思考 JavaScript 的悖论：一方面，你迫不及待地想要获得令人兴奋的新语言功能和库，这些功能和库有望让开发者体验变得更好。
但同时，你又渴望稳定和简单，这样你就可以不用花一半的时间去浏览复杂的 GitHub issue 和过时的 Stack Overflow 问题来完成任务。
那么到底是哪一种呢？我们想要新的闪亮的，还是可靠的旧的？2020年比以往任何时候都更表明，我们不会满足于*两者*。好消息是JavaScript社区已经奋起迎接挑战，这将是令人兴奋的2021年
P.S. 如果你仍然渴望更多的 JavaScript 统计数据，我们建议你看看 [Best Of JS](https://bestofjs.org/) 的年度 [新秀](https://risingstars.js.org/2020/en/) 排名。
###########################################################################
# Picks
###########################################################################
- key: picks.my_2020_pick
t: '我的 2020 精选: '
- key: picks.intro
t: 我们请JavaScript社区的成员分享他们的"年度精选"
- key: picks.joshwcomeau.bio
t: 软件工程师出身教育者
- key: picks.joshwcomeau.description
t: |
这是学习web无障碍的极好的入门资源！我之所以选择它，是因为作为JS开发者，我们的工作就是确保我们构建的站点对所有人都可用，而不仅仅是那些有视觉的使用键盘和鼠标的用户。
- key: picks.swyx.bio
t: 持续构建者
- key: picks.swyx.description
t: |
Svelte是前端框架中的空间电梯。
它能帮助你极快地发布应用。
- key: picks.kentcdodds.bio
t: 用高质量的软件改善世界
- key: picks.kentcdodds.description
t: |
Remix 是 React 框架的另一种方式，强调渐进增强。
它以一种现有框架无法做到的方式拥抱了 web 平台，我对它的潜力感到兴奋。
- key: picks.sarah_edo.bio
t: Vue.js 核心团队成员
- key: picks.sarah_edo.description
t: |
Insomnia 是一个允许你设计、测试和部署API工作流的应用程序，它用户纯净、简单的用户体验——它同时支持 REST 和 GraphQL。
- key: picks.ladyleet.bio #TODO
t: This Dot Labs, GDE, MVP
- key: picks.ladyleet.description #TODO
t: |
RedwoodJS and frameworks like it are starting to change how we think about development.
It’s bringing the ease of Ruby on Rails to the front-end ecosystem.
- key: picks.midudev.bio #TODO
t: Lead Frontend @ Adevinta & Content Creator
- key: picks.midudev.description #TODO
t: |
Working with modules on the JavaScript ecosystem has been messy.
ES2020 came with ES Modules to end that. Even it's stable on Node.js. Yei!
- key: picks.cassidoo.bio #TODO
t: Principal Developer Experience Engineer at Netlify
- key: picks.cassidoo.description #TODO
t: |
Ben is one of the most generous people in the JS community.
He's active in open source (on the Vue core team),
consistently makes useful content for developers to learn, and is very giving with his time.
- key: picks.lauragift_.bio #TODO
t: Frontend Developer @ PassionatePeople
- key: picks.lauragift_.description #TODO
t: |
Josh Comeau has been an inspiration to me, and I can say the JS community in general.
He writes very thoughtful articles on his blog, and they are some of the best I read in
2020 because they either helped me stay on top of the latest in JavaScript
or helped me learn something new.
- key: picks.tomdale.bio #TODO
t: JavaScript Thinkfluencer
- key: picks.tomdale.description #TODO
t: |
Volta helps manage your entire JavaScript toolchain – think nvm, but it also helps
you and your team stay on the same versions of Node, npm, CLI tools, etc.
I love it because it's so darn nice to use, and is pioneering the use of
Rust to build speedy tools for JS.
- key: picks.markdalgleish.bio
t: 本调查CSS 模块的联合创始人，Playroom 的创始人
- key: picks.markdalgleish.description #TODO
t: |
Automates npm publishing with the ability to tie Markdown release notes to every change. Changesets has really leveled up the quality of our release notes and version management this year.
- key: picks.sachagreif.bio
t: State of JS 调查的创始人
- key: picks.sachagreif.description #TODO
t: |
Best Of JS tracks GitHub stats about virtually every major JavaScript project, and it has been an invaluable resource for helping us decide what to include in the survey!