2018年 JavaScript 明星项目

2016年2017年 之后,欢迎来到第三届 JavaScript 明星项目!

是时候回顾 2018 年 Javascript 领域的发展与变化了。

通过对比各项目过去 12 个月在 GitHub 上新增 star 数量,来评估其在 2018 年度的受关注程度,进而选出 2018 年度 JavaScript 领域崛起的明星项目。



下列图表对比了各个项目在 Github 上于过去 12 个月新增的 star 数量。分析的数据来源为 Best of JavaScript 网站 ,一个 WEB 领域优秀项目的精选网站。通过点击项目,可以查看更多信息。

最受欢迎项目

1
Vue.js

Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
+45.3k☆
在 2018 年, Vue.js 增加了 45.3k 个 star, 在 GitHub JavaScript 项目 分类中排名第 1。 Tweet
3.9k
2.9k
3.9k
3.7k
3.3k
9.7k
3.6k
3.3k
2.7k
2.5k
3.0k
2.8k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
React

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
+34.2k☆
在 2018 年, React 增加了 34.2k 个 star, 在 GitHub JavaScript 项目 分类中排名第 2。 Tweet
2.7k
2.1k
2.9k
2.5k
2.4k
7.9k
2.6k
2.4k
2.2k
2.2k
2.3k
2.0k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
VS Code

VS Code

Visual Studio Code
+25.2k☆
在 2018 年, VS Code 增加了 25.2k 个 star, 在 GitHub JavaScript 项目 分类中排名第 3。 Tweet
2.0k
1.8k
2.0k
1.8k
2.3k
3.1k
1.9k
2.2k
2.3k
2.5k
1.8k
1.6k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Deno

Deno

A secure TypeScript runtime on V8
+21.6k☆
在 2018 年, Deno 增加了 21.6k 个 star, 在 GitHub JavaScript 项目 分类中排名第 4。 Tweet
14.8k
1.9k
1.4k
835
908
817
1.0k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Puppeteer

Puppeteer

Headless Chrome Node API
+21.4k☆
在 2018 年, Puppeteer 增加了 21.4k 个 star, 在 GitHub JavaScript 项目 分类中排名第 5。 Tweet
3.4k
2.0k
2.1k
1.6k
1.7k
1.5k
1.5k
1.7k
1.4k
1.5k
1.4k
1.6k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
6
Create React App

Create React App

Set up a modern web app by running one command.
+21.2k☆
在 2018 年, Create React App 增加了 21.2k 个 star, 在 GitHub JavaScript 项目 分类中排名第 6。 Tweet
2.3k
1.7k
2.0k
1.8k
1.8k
1.6k
1.7k
1.5k
1.8k
2.1k
1.4k
1.4k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
7
Axios

Axios

Promise based HTTP client for the browser and node.js
+19.9k☆
在 2018 年, Axios 增加了 19.9k 个 star, 在 GitHub JavaScript 项目 分类中排名第 7。 Tweet
2.1k
1.6k
2.0k
1.8k
1.8k
1.6k
1.7k
1.7k
1.5k
1.4k
1.4k
1.3k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
8
Ant Design

Ant Design

🐜 A UI Design Language
+18.5k☆
在 2018 年, Ant Design 增加了 18.5k 个 star, 在 GitHub JavaScript 项目 分类中排名第 8。 Tweet
1.9k
1.0k
1.6k
1.3k
1.4k
1.2k
1.3k
1.3k
1.3k
1.0k
1.2k
4.0k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
9
Vue Element Admin

Vue Element Admin

A magical vue admin
+17.3k☆
在 2018 年, Vue Element Admin 增加了 17.3k 个 star, 在 GitHub JavaScript 项目 分类中排名第 9。 Tweet
1.1k
696
1.4k
1.3k
1.6k
1.6k
1.8k
1.6k
1.7k
1.4k
1.5k
1.6k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
10
Storybook

Storybook

Interactive UI component dev & test: React, React Native, Vue, Angular, Ember
+15.1k☆
在 2018 年, Storybook 增加了 15.1k 个 star, 在 GitHub JavaScript 项目 分类中排名第 10。 Tweet
2.2k
1.1k
1.3k
1.2k
1.2k
982
1.2k
1.3k
1.2k
1.3k
1.2k
909
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

这些就是今年最火热的项目,涵盖所有类别。

Vue.js 连续第三次登顶年度排行榜冠军。

它今年在 GitHub 上新增了超过 45k 的 star,比 2017 还要多 5k… 势头依然不减!

第 4 名,Deno 是今年前十名中唯一的新项目。

Deno 是“一个可在浏览器外执行 JavaScript 和 TypeScript 代码的程序”

根据其作者 Ryan Dahl( Node.js 之父)的说法,这是一个尝试解决部分 Node.js 原有问题的、可靠的 TypeScript 运行时。看他的视频演讲

前端框架

1
Vue.js

Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
+45.3k☆
在 2018 年, Vue.js 增加了 45.3k 个 star, 在 GitHub 前端框架 分类中排名第 1。 Tweet
3.9k
2.9k
3.9k
3.7k
3.3k
9.7k
3.6k
3.3k
2.7k
2.5k
3.0k
2.8k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
React

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
+34.2k☆
在 2018 年, React 增加了 34.2k 个 star, 在 GitHub 前端框架 分类中排名第 2。 Tweet
2.7k
2.1k
2.9k
2.5k
2.4k
7.9k
2.6k
2.4k
2.2k
2.2k
2.3k
2.0k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Angular

Angular

One framework. Mobile & desktop.
+12.4k☆
在 2018 年, Angular 增加了 12.4k 个 star, 在 GitHub 前端框架 分类中排名第 3。 Tweet
1.1k
968
1.0k
1.1k
1.0k
1.1k
1.2k
1.1k
1.0k
1.1k
964
766
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Hyperapp

Hyperapp

1 kB JavaScript micro-framework for building declarative web applications
+7.6k☆
在 2018 年, Hyperapp 增加了 7.6k 个 star, 在 GitHub 前端框架 分类中排名第 4。 Tweet
2.3k
877
488
243
1.6k
491
621
309
192
185
209
134
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Omi

Omi

Next generation web framework using web components with omio fallback(IE8+) in tiny js.
+5.1k☆
在 2018 年, Omi 增加了 5.1k 个 star, 在 GitHub 前端框架 分类中排名第 5。 Tweet
24
35
28
23
96
3.1k
1.1k
691
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

在前端框架方面,主导者还是和 2017 年一样的三位:Vue.jsReactAngular

如果你展开图表,你会注意到六月 Vue.js 和 React 都有一个小高峰。是什么原因?那时正值 Vue.js 总 star 数超过 React,成为 UI 框架类别中最受欢迎的项目。那时候,双方的粉丝都在为他们心目中的冠军拉票!

2018 年的新秀是 Omi,一个运用了 Shadow DOM 技术的、大有前途的 UI 框架,同时采用了 React 开发者们熟知的 “JSX” 语法。

Node.js 框架

1
Next.js

Next.js

The React Framework
+12.6k☆
在 2018 年, Next.js 增加了 12.6k 个 star, 在 GitHub Node.js 框架 分类中排名第 1。 Tweet
1.5k
964
992
918
1.0k
914
939
908
1.3k
1.2k
961
1.0k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Nuxt

Nuxt

The Vue.js Developers Framework
+8.7k☆
在 2018 年, Nuxt 增加了 8.7k 个 star, 在 GitHub Node.js 框架 分类中排名第 2。 Tweet
1.1k
688
860
858
708
605
578
629
716
787
603
602
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Nest

Nest

A progressive Node.js framework for building efficient and scalable server-side applications on top
+8.4k☆
在 2018 年, Nest 增加了 8.4k 个 star, 在 GitHub Node.js 框架 分类中排名第 3。 Tweet
583
826
615
462
785
579
651
708
862
668
742
882
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Express

Express

Fast, unopinionated, minimalist web framework for node.
+5.8k☆
在 2018 年, Express 增加了 5.8k 个 star, 在 GitHub Node.js 框架 分类中排名第 4。 Tweet
548
483
564
602
510
463
446
483
434
425
493
398
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Koa

Koa

Expressive middleware for node.js using ES2017 async functions
+5.5k☆
在 2018 年, Koa 增加了 5.5k 个 star, 在 GitHub Node.js 框架 分类中排名第 5。 Tweet
526
382
578
527
506
438
468
448
476
385
371
373
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

在 2018 年中领跑的两个 Node.js 框架是基于特定前端框架的“全栈框架”。

它们都保证了良好的单页应用(SPA)开发体验,并支持服务端渲染(SSR)。

位于第 4 的是 Express,2017 年的第一名,尽管它“年事已高”,依然十分流行。

React 生态圈

1
Create React App

Create React App

Set up a modern web app by running one command.
+21.2k☆
在 2018 年, Create React App 增加了 21.2k 个 star, 在 GitHub React 生态圈 分类中排名第 1。 Tweet
2.3k
1.7k
2.0k
1.8k
1.8k
1.6k
1.7k
1.5k
1.8k
2.1k
1.4k
1.4k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Ant Design

Ant Design

🐜 A UI Design Language
+18.5k☆
在 2018 年, Ant Design 增加了 18.5k 个 star, 在 GitHub React 生态圈 分类中排名第 2。 Tweet
1.9k
1.0k
1.6k
1.3k
1.4k
1.2k
1.3k
1.3k
1.3k
1.0k
1.2k
4.0k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Gatsby

Gatsby

Build blazing fast, modern apps and websites with React
+13.0k☆
在 2018 年, Gatsby 增加了 13.0k 个 star, 在 GitHub React 生态圈 分类中排名第 3。 Tweet
1.7k
960
1.1k
928
831
875
1.0k
1.1k
1.1k
1.1k
946
1.3k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Next.js

Next.js

The React Framework
+12.6k☆
在 2018 年, Next.js 增加了 12.6k 个 star, 在 GitHub React 生态圈 分类中排名第 4。 Tweet
1.5k
964
992
918
1.0k
914
939
908
1.3k
1.2k
961
1.0k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Material UI

Material UI

React components that implement Google's Material Design.
+11.4k☆
在 2018 年, Material UI 增加了 11.4k 个 star, 在 GitHub React 生态圈 分类中排名第 5。 Tweet
993
769
974
860
1.9k
931
846
869
864
879
757
783
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

不出意外,在 React 生态圈类别,2018 年的头号项目是 Create React App,创建新 React 项目的事实上的工具。

其第 2 版在 2018 年发布,是一次大版本更新,改动包括内置 Webpack 4,以及使用 TypeScript 的可能性。

对于 React 本身,主要变动在于引入了 hooks,它或许能够改变我们对于状态管理的处理方式,以及调整 React 中的副作用。

Vue 生态圈

1
Vue Element Admin

Vue Element Admin

A magical vue admin
+17.3k☆
在 2018 年, Vue Element Admin 增加了 17.3k 个 star, 在 GitHub Vue 生态圈 分类中排名第 1。 Tweet
1.1k
696
1.4k
1.3k
1.6k
1.6k
1.8k
1.6k
1.7k
1.4k
1.5k
1.6k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Element

Element

A Vue.js 2.0 UI Toolkit for Web
+12.4k☆
在 2018 年, Element 增加了 12.4k 个 star, 在 GitHub Vue 生态圈 分类中排名第 2。 Tweet
1.4k
838
1.2k
1.1k
1.2k
1.1k
1.1k
996
993
795
882
872
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
VuePress

VuePress

📝 Minimalistic Vue-powered static site generator
+10.4k☆
在 2018 年, VuePress 增加了 10.4k 个 star, 在 GitHub Vue 生态圈 分类中排名第 3。 Tweet
6.0k
1.2k
532
443
564
473
320
424
425
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
vue-cli

vue-cli

🛠️ Standard Tooling for Vue.js Development
+9.8k☆
在 2018 年, vue-cli 增加了 9.8k 个 star, 在 GitHub Vue 生态圈 分类中排名第 4。 Tweet
591
694
956
865
1.1k
1.1k
847
1.1k
722
518
653
645
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Nuxt

Nuxt

The Vue.js Developers Framework
+8.7k☆
在 2018 年, Nuxt 增加了 8.7k 个 star, 在 GitHub Vue 生态圈 分类中排名第 5。 Tweet
1.1k
688
860
858
708
605
578
629
716
787
603
602
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

Vue.js 的势头还在增长,第 3 个大版本 计划发挥出现代浏览器的优势,以便更高效地运行和更易于使用。

Vue Element Admin,Vue.js 生态圈最流行的项目,是使用 Vue.js 组件构建漂亮的仪表板的解决方案。

vue-cli 是使用现代 JavaScript 工具构建一个新的 Vue.js 应用程序的标准解决方案。

它能够和 React 的 Create React App 相提并论,但它更灵活并提供了一个图形化的UI界面,使得它非常方便用户。

Angular 生态圈

1
Angular CLI

Angular CLI

CLI tool for Angular
+5.9k☆
在 2018 年, Angular CLI 增加了 5.9k 个 star, 在 GitHub Angular 生态圈 分类中排名第 1。 Tweet
658
658
645
596
698
235
778
414
353
393
298
221
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
ngx-admin

ngx-admin

Admin dashboard template based on Angular 7+, Bootstrap 4 (previously known as ng2-admin)
+4.8k☆
在 2018 年, ngx-admin 增加了 4.8k 个 star, 在 GitHub Angular 生态圈 分类中排名第 2。 Tweet
214
388
486
480
408
419
421
382
365
412
466
400
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Material Design for Angular

Material Design for Angular

Material Design components for Angular
+4.3k☆
在 2018 年, Material Design for Angular 增加了 4.3k 个 star, 在 GitHub Angular 生态圈 分类中排名第 3。 Tweet
403
350
394
427
426
385
324
342
299
422
286
255
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
NgRx

NgRx

Reactive libraries for Angular
+2.5k☆
在 2018 年, NgRx 增加了 2.5k 个 star, 在 GitHub Angular 生态圈 分类中排名第 4。 Tweet
248
237
270
213
501
68
265
140
176
177
158
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
NG-ZORRO

NG-ZORRO

An enterprise-class UI components based on Ant Design and Angular 7. 🐜
+2.2k☆
在 2018 年, NG-ZORRO 增加了 2.2k 个 star, 在 GitHub Angular 生态圈 分类中排名第 5。 Tweet
214
94
197
204
201
236
210
168
146
150
161
190
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

2018 年,在 Angular 生态圈中,不只一个而是有两个大版本更新!

Angular version 6 推出于五月,提供了很多和工具化相关的功能。

因此,在 Angular 生态圈中,最流行的项目是官方的命令行工具 Angular CLI,用于搭建新项目和管理现有项目。

在这些新功能中,update 命令使更新应用和依赖变得容易。此外,现在可以在不 "ejecting" 的情况下调整底层 Webpack 配置。

Angular version 7 于十月发布。

包含了 Angular CLI prompts,以及 Material Design for Angular 的更新,并侧重性能提升,包括一个称为“虚拟滚动”(Virtual Scrolling)的特性。

移动开发

1
React Native

React Native

A framework for building native apps with React.
+14.6k☆
在 2018 年, React Native 增加了 14.6k 个 star, 在 GitHub 移动开发 分类中排名第 1。 Tweet
1.3k
1.3k
1.5k
1.3k
1.2k
1.4k
1.2k
1.1k
1.1k
1.1k
1.1k
921
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Weex

Weex

A framework for building Mobile cross-platform UI.
+4.4k☆
在 2018 年, Weex 增加了 4.4k 个 star, 在 GitHub 移动开发 分类中排名第 2。 Tweet
669
401
521
452
459
366
283
252
215
215
302
228
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
NativeScript

NativeScript

NativeScript is an open source framework for building truly native mobile apps with JavaScript. Use
+3.8k☆
在 2018 年, NativeScript 增加了 3.8k 个 star, 在 GitHub 移动开发 分类中排名第 3。 Tweet
262
333
363
386
320
299
288
308
302
352
304
249
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Quasar

Quasar

Quasar Framework
+3.6k☆
在 2018 年, Quasar 增加了 3.6k 个 star, 在 GitHub 移动开发 分类中排名第 4。 Tweet
398
295
342
248
340
386
337
306
268
244
183
257
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Ionic

Ionic

Build amazing native and progressive web apps with open web technologies. One app running on everyth
+3.5k☆
在 2018 年, Ionic 增加了 3.5k 个 star, 在 GitHub 移动开发 分类中排名第 5。 Tweet
335
294
325
282
340
206
265
353
246
271
299
266
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

React Native 依然是使用 JavaScript 语言创建移动端应用的主要解决方案。

Airbnb 最近发布了一系列完整的文章解释了为什么他们决定在下一个产品中抛弃 React Native 转而开发原生 Apps。

对于那些希望使用 Vue.js 而不是 React 的人们来说,这儿也有一些选择。

以下四个本类别中的项目(WeexNativeScriptQuasarIonic)全都支持 Vue.js 作为视图层来构建移动端应用。

来自 Google 的 Flutter 虽然不是 JavaScript 语言的项目(因为它使用 Dart 编程语言), 但对于构建跨环境移动端应用,它也是一个很棒的备选方案。

编译工具

1
TypeScript

TypeScript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
+13.6k☆
在 2018 年, TypeScript 增加了 13.6k 个 star, 在 GitHub 编译工具 分类中排名第 1。 Tweet
1.1k
940
1.1k
1.0k
1.0k
1.5k
1.2k
1.1k
1.1k
1.3k
997
1.2k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Babel

Babel

🐠 Babel is a compiler for writing next generation JavaScript.
+6.3k☆
在 2018 年, Babel 增加了 6.3k 个 star, 在 GitHub 编译工具 分类中排名第 2。 Tweet
646
526
660
561
483
474
414
635
502
438
445
487
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Flow

Flow

Adds static typing to JavaScript to improve developer productivity and code quality.
+3.8k☆
在 2018 年, Flow 增加了 3.8k 个 star, 在 GitHub 编译工具 分类中排名第 3。 Tweet
391
344
393
333
333
350
318
313
318
254
253
210
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Reason

Reason

Simple, fast & type safe code that leverages the JavaScript & OCaml ecosystems
+2.8k☆
在 2018 年, Reason 增加了 2.8k 个 star, 在 GitHub 编译工具 分类中排名第 4。 Tweet
619
286
200
150
243
208
137
165
149
192
279
133
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Purescript

Purescript

A strongly-typed language that compiles to Javascript
+1.0k☆
在 2018 年, Purescript 增加了 1.0k 个 star, 在 GitHub 编译工具 分类中排名第 5。 Tweet
93
66
127
94
85
53
127
101
80
77
76
59
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

我们过去曾讨论在 JavaScript 中引入静态类型的最佳方案。

到了 2018 年,看起来微软的 TypeScript 大幅领先了其灵感来源 —— Facebook 的 Flow

实际上,支持 TypeScript 的最新版 Babel 是一个搅局者。

TypeScript 几乎是一个开发标准了:无论对于后端还是前端开发来说,我们看到越来越多的项目包含了 TypeScript 声明。而且,如果某些库自身不带类型声明,那么名为 DefinitelyTyped 的项目会为大量的那些库提供类型声明。

构建工具

1
Parcel

Parcel

📦🚀 Blazing fast, zero configuration web application bundler
+14.9k☆
在 2018 年, Parcel 增加了 14.9k 个 star, 在 GitHub 构建工具 分类中排名第 1。 Tweet
4.4k
1.5k
1.2k
933
766
1.2k
1.5k
865
673
767
619
543
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Webpack

Webpack

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting a
+10.7k☆
在 2018 年, Webpack 增加了 10.7k 个 star, 在 GitHub 构建工具 分类中排名第 2。 Tweet
1.2k
1.4k
1.3k
1.1k
910
799
738
803
670
593
605
618
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Rollup

Rollup

Next-generation ES module bundler
+3.2k☆
在 2018 年, Rollup 增加了 3.2k 个 star, 在 GitHub 构建工具 分类中排名第 3。 Tweet
374
228
292
279
303
271
241
257
162
231
248
270
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Gulp

Gulp

The streaming build system
+2.5k☆
在 2018 年, Gulp 增加了 2.5k 个 star, 在 GitHub 构建工具 分类中排名第 4。 Tweet
350
216
231
248
251
192
216
214
168
141
103
139
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Poi

Poi

A zero-config bundler for JavaScript applications.
+1.3k☆
在 2018 年, Poi 增加了 1.3k 个 star, 在 GitHub 构建工具 分类中排名第 5。 Tweet
240
156
149
114
100
117
104
66
32
56
60
123
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

打包工具 Parcel 证实了它在 2017 年的成功,开发者们喜欢零配置建立一个新项目的能力。

测试框架

1
Jest

Jest

Delightful JavaScript Testing.
+8.1k☆
在 2018 年, Jest 增加了 8.1k 个 star, 在 GitHub JavaScript 测试框架 分类中排名第 1。 Tweet
888
642
672
584
674
711
764
689
626
603
663
542
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
AVA

AVA

🚀 Testing can be a drag. AVA helps you get it done.
+3.1k☆
在 2018 年, AVA 增加了 3.1k 个 star, 在 GitHub JavaScript 测试框架 分类中排名第 2。 Tweet
454
282
338
247
230
252
201
231
205
173
212
250
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Mocha

Mocha

☕️ simple, flexible, fun javascript test framework for node.js & the browser
+2.6k☆
在 2018 年, Mocha 增加了 2.6k 个 star, 在 GitHub JavaScript 测试框架 分类中排名第 3。 Tweet
275
225
263
252
240
204
231
187
172
218
181
171
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Jasmine

Jasmine

Simple JavaScript testing framework for browsers and node.js
+911☆
在 2018 年, Jasmine 增加了 911 个 star, 在 GitHub JavaScript 测试框架 分类中排名第 4。 Tweet
77
72
88
84
90
74
76
80
76
71
79
44
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Tape

Tape

tap-producing test harness for node and browsers
+533☆
在 2018 年, Tape 增加了 533 个 star, 在 GitHub JavaScript 测试框架 分类中排名第 5。 Tweet
84
52
58
64
36
36
36
40
30
31
38
28
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

2018 年中测试框架领域总体没有什么变化,5 个领先的解决方案保持了和 2017 年相同的排名。

Jest 比竞争者们进步更快,开发者们喜欢 Fackbook 的全功能测试框架所带来的效用 —— 无论是在前端(它最初被打算用于测试 React 组件)还是后端使用,而且它是零配置的。

IDE 和编辑器

1
VS Code

VS Code

Visual Studio Code
+25.2k☆
在 2018 年, VS Code 增加了 25.2k 个 star, 在 GitHub IDE 分类中排名第 1。 Tweet
2.0k
1.8k
2.0k
1.8k
2.3k
3.1k
1.9k
2.2k
2.3k
2.5k
1.8k
1.6k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Atom

Atom

The hackable text editor
+4.9k☆
在 2018 年, Atom 增加了 4.9k 个 star, 在 GitHub IDE 分类中排名第 2。 Tweet
547
510
560
495
416
366
340
370
313
333
331
271
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Theia

Theia

Theia is a cloud & desktop IDE framework implemented in TypeScript.
+1.2k☆
在 2018 年, Theia 增加了 1.2k 个 star, 在 GitHub IDE 分类中排名第 3。 Tweet
80
270
244
193
195
223
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Reactide

Reactide

Reactide is the first dedicated IDE for React web application development. http://reactide.io
+1.1k☆
在 2018 年, Reactide 增加了 1.1k 个 star, 在 GitHub IDE 分类中排名第 4。 Tweet
261
92
115
108
67
50
85
47
35
50
78
133
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Brackets

Brackets

An open source code editor for the web, written in JavaScript, HTML and CSS.
+951☆
在 2018 年, Brackets 增加了 951 个 star, 在 GitHub IDE 分类中排名第 5。 Tweet
106
103
72
104
76
56
66
52
20
186
61
49
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

VS Code,全类别里第 3 流行的项目,几乎就是用于 web 开发的事实上的 IDE 了。

它依靠自动补全功能和自带 TypeScript 集成站稳了脚跟。

杀手级功能可能就是对于 Node.js 的调试能力了吧。

CSS in JavaScript

1
Styled Components

Styled Components

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without
+8.9k☆
在 2018 年, Styled Components 增加了 8.9k 个 star, 在 GitHub CSS in JavaScript 分类中排名第 1。 Tweet
1.2k
738
813
811
774
729
673
696
636
674
616
586
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Emotion

Emotion

CSS-in-JS library designed for high performance style composition
+3.9k☆
在 2018 年, Emotion 增加了 3.9k 个 star, 在 GitHub CSS in JavaScript 分类中排名第 2。 Tweet
278
159
190
248
404
291
419
417
368
294
336
507
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
CSS Modules

CSS Modules

Documentation about css-modules
+2.5k☆
在 2018 年, CSS Modules 增加了 2.5k 个 star, 在 GitHub CSS in JavaScript 分类中排名第 3。 Tweet
255
209
223
259
210
160
193
226
189
196
182
152
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Linaria

Linaria

Zero-runtime CSS in JS library
+1.7k☆
在 2018 年, Linaria 增加了 1.7k 个 star, 在 GitHub CSS in JavaScript 分类中排名第 4。 Tweet
18
10
27
177
285
19
692
191
146
97
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Polished

Polished

A lightweight toolset for writing styles in JavaScript ✨
+1.5k☆
在 2018 年, Polished 增加了 1.5k 个 star, 在 GitHub CSS in JavaScript 分类中排名第 5。 Tweet
118
102
93
93
126
250
175
121
129
106
108
118
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

虽然目前,对于基于组件的现代前端应用,什么才是最好的样式化方案,还没有定论(无论 React,Vue.js 还是 Angular)。

但是 Styled Components 依然有着最好的势头,看起来是最受欢迎的“组件样式化”解决方案。

静态网站生成器

1
Gatsby

Gatsby

Build blazing fast, modern apps and websites with React
+13.0k☆
在 2018 年, Gatsby 增加了 13.0k 个 star, 在 GitHub 静态网站 分类中排名第 1。 Tweet
1.7k
960
1.1k
928
831
875
1.0k
1.1k
1.1k
1.1k
946
1.3k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Next.js

Next.js

The React Framework
+12.6k☆
在 2018 年, Next.js 增加了 12.6k 个 star, 在 GitHub 静态网站 分类中排名第 2。 Tweet
1.5k
964
992
918
1.0k
914
939
908
1.3k
1.2k
961
1.0k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
VuePress

VuePress

📝 Minimalistic Vue-powered static site generator
+10.4k☆
在 2018 年, VuePress 增加了 10.4k 个 star, 在 GitHub 静态网站 分类中排名第 3。 Tweet
6.0k
1.2k
532
443
564
473
320
424
425
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Nuxt

Nuxt

The Vue.js Developers Framework
+8.7k☆
在 2018 年, Nuxt 增加了 8.7k 个 star, 在 GitHub 静态网站 分类中排名第 4。 Tweet
1.1k
688
860
858
708
605
578
629
716
787
603
602
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Hexo

Hexo

A fast, simple & powerful blog framework, powered by Node.js.
+4.8k☆
在 2018 年, Hexo 增加了 4.8k 个 star, 在 GitHub 静态网站 分类中排名第 5。 Tweet
586
377
514
494
435
340
364
383
338
314
327
366
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

和 2017 年一样,Gatsby 在 2018 年依然是最受欢迎的静态站点生成器(用于生成一组 HTML JavaScript 和 CSS 文件,以便能够在任意地方托管,超快响应 —— 的一种工具)。

Gatsby 的亮点在于它的多面性(你能结合单页应用和静态站点的优点)以及对性能的关注。

如果你希望使用 Vue.js 而不是 React,那么第 2 名的 VuePress 或许是恰当的选择。

GraphQL

1
Gatsby

Gatsby

Build blazing fast, modern apps and websites with React
+13.0k☆
在 2018 年, Gatsby 增加了 13.0k 个 star, 在 GitHub Javascript GraphQL 项目 分类中排名第 1。 Tweet
1.7k
960
1.1k
928
831
875
1.0k
1.1k
1.1k
1.1k
946
1.3k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Prisma

Prisma

⚡️ Prisma enables seamless type-safe database access & declarative data modeling
+8.0k☆
在 2018 年, Prisma 增加了 8.0k 个 star, 在 GitHub Javascript GraphQL 项目 分类中排名第 2。 Tweet
1.5k
747
571
469
1.3k
560
452
399
462
558
500
449
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Apollo client

Apollo client

A fully-featured, production ready caching GraphQL client for every UI framework and GraphQ
+4.2k☆
在 2018 年, Apollo client 增加了 4.2k 个 star, 在 GitHub Javascript GraphQL 项目 分类中排名第 3。 Tweet
438
398
406
353
384
384
369
311
265
289
300
282
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
GraphQL

GraphQL

GraphQL is a query language and execution engine tied to any backend service.
+3.7k☆
在 2018 年, GraphQL 增加了 3.7k 个 star, 在 GitHub Javascript GraphQL 项目 分类中排名第 4。 Tweet
348
289
307
286
322
374
309
272
258
300
354
249
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Apollo Server

Apollo Server

🌍 GraphQL server for Express, Connect, Hapi, Koa and more
+3.2k☆
在 2018 年, Apollo Server 增加了 3.2k 个 star, 在 GitHub Javascript GraphQL 项目 分类中排名第 5。 Tweet
273
181
255
231
278
331
371
276
239
285
228
236
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

GraphQL 生态圈正在高速发展,并且有一个大趋势是: 一些工具的出现能够简化 GraphQL 的配置过程。

Gatsby 依然是第一名,而且它绝对是最易上手使用 GraphQL 的工具之一。

从 Graphcool 演变而来的 Prisma 位于第二。与此同时,Hasura GraphQL Engine 还可以帮你直接从数据库生成一个能运作的后端。

前 15 名的其余部分,包括 GraphQL 服务端、客户端、以及各种其他工具 —— 比如 GraphQL Playground。

学习资源

1
JS Algorithms & Data Structures

JS Algorithms & Data Structures

📝 Algorithms and data structures implemented in JavaScript with explanations and links to further r
+39.0k☆
在 2018 年, JS Algorithms & Data Structures 增加了 39.0k 个 star, 在 GitHub 学习资源 分类中排名第 1。 Tweet
14.4k
8.3k
5.9k
4.6k
1.8k
961
1.1k
2.0k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
30 seconds of code

30 seconds of code

Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.
+21.9k☆
在 2018 年, 30 seconds of code 增加了 21.9k 个 star, 在 GitHub 学习资源 分类中排名第 2。 Tweet
3.3k
1.4k
1.2k
476
477
559
357
333
2.5k
6.8k
2.3k
2.1k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
You Don't Know JS

You Don't Know JS

A book series on JavaScript. @YDKJS on twitter.
+21.0k☆
在 2018 年, You Don't Know JS 增加了 21.0k 个 star, 在 GitHub 学习资源 分类中排名第 3。 Tweet
2.1k
1.7k
2.0k
2.4k
1.7k
1.5k
1.5k
1.8k
1.7k
1.6k
1.6k
1.5k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Airbnb Style Guide

Airbnb Style Guide

JavaScript Style Guide
+16.4k☆
在 2018 年, Airbnb Style Guide 增加了 16.4k 个 star, 在 GitHub 学习资源 分类中排名第 4。 Tweet
1.9k
1.5k
1.6k
1.5k
1.3k
1.2k
1.4k
1.3k
1.1k
1.4k
1.2k
955
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Node.js Best Practices

Node.js Best Practices

The largest Node.js best practices list (January 2019)
+10.3k☆
在 2018 年, Node.js Best Practices 增加了 10.3k 个 star, 在 GitHub 学习资源 分类中排名第 5。 Tweet
592
552
500
361
369
310
492
1.7k
1.2k
641
500
3.0k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

总结

回顾 2018年,JavaScript 社区最大的事件或许是十一月的 Event-stream 漏洞风波

围绕这个事件,有大量关于开源项目安全问题和维护责任的讨论。

说到开源,六月份 微软收购 Github 算是一个爆炸新闻。

在过去的几个月里,微软为了成为 JavaScript 界主要参与者之一而做了大量工作,正如 TypeScript 语言和 VS Code 编辑器的成功所表明的。

因此,看到诸如微软这样的巨型企业控制了我们深爱的 GitHub,也许并不那么令人惊讶… 但在开源史上,这是多么大的一个转变啊!

感谢你们的关注,请随意分享这篇文章,或有任何意见反馈请到 Github 联系我们… 明年再见!

Authors

Sacha Grief
Author of Discover Meteor and creator of Vulcan, a React+GraphQL open-source framework.

Available Translations

English

Español