2019年 JavaScript 明星项目

欢迎来到第四届 JavaScript 明星项目!

让我们通过数字看一下 2019 年在 GitHub 上受到关注的项目。



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

最受欢迎项目

1
Vue.js

Vue.js

A progressive, incrementally-adoptable framework for building UI on the web
+31.4k☆
在 2019 年, Vue.js 增加了 31.4k 个 star, 在 GitHub JavaScript 项目 分类中排名第 1。 Tweet
3.1k
2.3k
4.5k
3.3k
2.7k
2.4k
2.4k
2.1k
1.7k
2.2k
1.8k
1.7k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
VS Code

VS Code

Visual Studio Code
+23.0k☆
在 2019 年, VS Code 增加了 23.0k 个 star, 在 GitHub JavaScript 项目 分类中排名第 2。 Tweet
1.7k
1.7k
2.5k
2.0k
2.6k
1.7k
1.5k
1.6k
1.6k
1.5k
2.3k
1.8k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
React

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
+22.9k☆
在 2019 年, React 增加了 22.9k 个 star, 在 GitHub JavaScript 项目 分类中排名第 3。 Tweet
2.4k
2.1k
2.4k
2.0k
2.0k
1.6k
1.7k
1.7k
1.6k
1.7k
1.5k
1.4k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Vue Element Admin

Vue Element Admin

A magical vue admin
+22.7k☆
在 2019 年, Vue Element Admin 增加了 22.7k 个 star, 在 GitHub JavaScript 项目 分类中排名第 4。 Tweet
2.1k
1.0k
1.9k
2.2k
2.0k
1.7k
1.9k
1.8k
2.2k
1.9k
1.7k
1.6k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Svelte

Svelte

Cybernetically enhanced web apps
+20.0k☆
在 2019 年, Svelte 增加了 20.0k 个 star, 在 GitHub JavaScript 项目 分类中排名第 5。 Tweet
207
293
238
3.3k
4.6k
2.0k
1.9k
1.1k
1.1k
1.6k
1.3k
1.7k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
6
Axios

Axios

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

Ant Design

A UI Design Language and React UI library
+14.6k☆
在 2019 年, Ant Design 增加了 14.6k 个 star, 在 GitHub JavaScript 项目 分类中排名第 7。 Tweet
1.6k
1.0k
1.4k
1.3k
1.3k
1.1k
1.4k
1.2k
982
1.0k
922
939
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
8
TypeScript

TypeScript

A superset of JavaScript that compiles to clean JavaScript output.
+13.9k☆
在 2019 年, TypeScript 增加了 13.9k 个 star, 在 GitHub JavaScript 项目 分类中排名第 8。 Tweet
1.4k
1.1k
1.4k
1.2k
1.3k
1.1k
1.2k
1.0k
1.0k
1.0k
827
779
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
9
Puppeteer

Puppeteer

Headless Chrome Node.js API
+13.9k☆
在 2019 年, Puppeteer 增加了 13.9k 个 star, 在 GitHub JavaScript 项目 分类中排名第 9。 Tweet
1.5k
1.1k
1.4k
1.1k
1.2k
1.0k
1.4k
1.0k
1.1k
920
938
812
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
10
Create React App

Create React App

Set up a modern web app by running one command.
+13.5k☆
在 2019 年, Create React App 增加了 13.5k 个 star, 在 GitHub JavaScript 项目 分类中排名第 10。 Tweet
1.5k
1.3k
1.4k
1.3k
1.1k
953
1.0k
980
903
896
777
983
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

Vue.js 连续第 4 次登顶年度综合排行榜,它的 GitHub 在 2019 年新增了超过 30k 的 star。

不出意外的是:React 与代码编辑器 VS Code 紧随其后,排名和去年相同。

排名提升最大的是 Vue Element Admin,它是一个使用 Vue.js 组件构建漂亮的仪表板的解决方案,它在今年位于第 4 名。

Svelte 已经出现好几年了,但它在 2019 年真正腾飞,位于第 5 名。

TypeScript 进入了前十,它的成功是过去几年 JavaScript 生态的主要改变之一。

Deno 是由 Node.js 之父构建的 JavaScript 运行时,它在 2018 年的排行榜上是一个新成员。目前依然有热度,位于第 13 名。

前端框架

1
Vue.js

Vue.js

A progressive, incrementally-adoptable framework for building UI on the web
+31.4k☆
在 2019 年, Vue.js 增加了 31.4k 个 star, 在 GitHub 前端框架 分类中排名第 1。 Tweet
3.1k
2.3k
4.5k
3.3k
2.7k
2.4k
2.4k
2.1k
1.7k
2.2k
1.8k
1.7k
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.
+22.9k☆
在 2019 年, React 增加了 22.9k 个 star, 在 GitHub 前端框架 分类中排名第 2。 Tweet
2.4k
2.1k
2.4k
2.0k
2.0k
1.6k
1.7k
1.7k
1.6k
1.7k
1.5k
1.4k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Svelte

Svelte

Cybernetically enhanced web apps
+20.0k☆
在 2019 年, Svelte 增加了 20.0k 个 star, 在 GitHub 前端框架 分类中排名第 3。 Tweet
207
293
238
3.3k
4.6k
2.0k
1.9k
1.1k
1.1k
1.6k
1.3k
1.7k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Angular

Angular

One framework. Mobile & desktop.
+12.0k☆
在 2019 年, Angular 增加了 12.0k 个 star, 在 GitHub 前端框架 分类中排名第 4。 Tweet
913
808
896
941
1.0k
630
612
869
1.3k
1.2k
1.3k
1.1k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Omi

Omi

Next Front End Framework
+3.8k☆
在 2019 年, Omi 增加了 3.8k 个 star, 在 GitHub 前端框架 分类中排名第 5。 Tweet
328
118
908
446
323
181
230
210
153
147
327
176
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

在 2019 年,Svelte 打乱了 UI 框架的格局,位于 Vue.jsReact 之后的第 3 名,超过了 Angular

这是否意味着我们现在有了四巨头而不是三巨头

Svelte 与其他框架非常不同,因为它其实不算是一个框架,而是一个编译器,它的魔力发挥在编译期而不是运行期。

类似于 React 或 Vue,它能使开发人员通过数据驱动的组件完成应用的搭建,但最大的不同是:该框架不是在浏览器中运行的,而是在构建时运行。

编译器能够解析开发者编写的组件,生成直接操作 DOM 的指令式代码。

因此,最终发布到浏览器的代码体积小并且运行速度很快(使得 Svelte 应用适合于比方说嵌入式设备)。

除了具有一流的性能外,它还可以轻松地创建复杂 CSS 动效。

Version 3 改进了响应式的理念:仅仅只需修改变量就能触发 UI 更新。

现在说 Svelte 会像其他三大框架一样成功还为时尚早,但是它在 2020 年绝对值得关注。

Node.js 框架

1
Nest

Nest

A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications on top of TypeScript & JavaScript (ES6, ES7, ES8)
+11.5k☆
在 2019 年, Nest 增加了 11.5k 个 star, 在 GitHub Node.js 框架 分类中排名第 1。 Tweet
808
833
987
1.1k
993
936
960
822
925
879
928
944
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Next.js

Next.js

The React Framework
+10.6k☆
在 2019 年, Next.js 增加了 10.6k 个 star, 在 GitHub Node.js 框架 分类中排名第 2。 Tweet
1.1k
1.0k
886
775
850
649
1.1k
890
750
800
759
716
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Strapi

Strapi

Open source Node.js Headless CMS to easily build customisable APIs
+10.2k☆
在 2019 年, Strapi 增加了 10.2k 个 star, 在 GitHub Node.js 框架 分类中排名第 3。 Tweet
767
666
1.2k
790
724
803
844
607
753
1.1k
883
804
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Nuxt

Nuxt

The Vue.js Framework
+7.4k☆
在 2019 年, Nuxt 增加了 7.4k 个 star, 在 GitHub Node.js 框架 分类中排名第 4。 Tweet
639
579
665
585
665
517
549
508
415
672
613
771
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Express

Express

Fast, unopinionated, minimalist web framework for node.
+5.1k☆
在 2019 年, Express 增加了 5.1k 个 star, 在 GitHub Node.js 框架 分类中排名第 5。 Tweet
451
444
469
488
477
360
417
377
319
370
356
397
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

在 Node.js 框架的类别中,我们迎来了一个新冠军:Nest

Nest 是一个功能全面的 Web 框架,它借鉴了许多 Angular 中的理念。

Next.js 是 2018 年的冠军,今年位于第 2 名。它的前端使用 React、后端使用 Node.js,是构建全栈 Web 应用的最佳方案之一。

位于第 3 名的是 Strapi,它是一个完全开源的 headless CMS,可以使你快速生成和管理 API 接口。 “上手只需四个命令”。 API 接口支持 REST 或 GraphQL!

接下来是 Nuxt,一个使用 Vue.js 构建 Web 应用的全栈框架,支持好几种开发策略,服务器端渲染、客户端渲染或静态生成。

Express 几乎与 Node.js 一样老了,目前仍位于前 5 名。确实,它拥有庞大的生态,并且被许多 Node.js 开发者熟知。但是值得注意的是,它上一次的代码提交已经是 7 个月之前了。时代变了吗?

React 生态圈

1
Ant Design

Ant Design

A UI Design Language and React UI library
+14.6k☆
在 2019 年, Ant Design 增加了 14.6k 个 star, 在 GitHub React 生态圈 分类中排名第 1。 Tweet
1.6k
1.0k
1.4k
1.3k
1.3k
1.1k
1.4k
1.2k
982
1.0k
922
939
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Create React App

Create React App

Set up a modern web app by running one command.
+13.5k☆
在 2019 年, Create React App 增加了 13.5k 个 star, 在 GitHub React 生态圈 分类中排名第 2。 Tweet
1.5k
1.3k
1.4k
1.3k
1.1k
953
1.0k
980
903
896
777
983
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Gatsby

Gatsby

Build blazing fast, modern apps and websites with React
+11.5k☆
在 2019 年, Gatsby 增加了 11.5k 个 star, 在 GitHub React 生态圈 分类中排名第 3。 Tweet
1.4k
1.1k
1.2k
927
844
829
785
859
881
997
749
582
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Next.js

Next.js

The React Framework
+10.6k☆
在 2019 年, Next.js 增加了 10.6k 个 star, 在 GitHub React 生态圈 分类中排名第 4。 Tweet
1.1k
1.0k
886
775
850
649
1.1k
890
750
800
759
716
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Material UI

Material UI

React components for faster and easier web development. Build your own design system, or start with Material Design.
+10.2k☆
在 2019 年, Material UI 增加了 10.2k 个 star, 在 GitHub React 生态圈 分类中排名第 5。 Tweet
875
677
870
741
1.0k
873
864
866
828
770
763
741
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

第 1 名的 Ant Design 和第 5 名的 Material UI 是 React 最受欢迎的组件和小部件类库项目。

第 2 名的 Create React App 依然是创建新 React 应用的事实标准。它今年的主要更新是支持了 TypeScript

React 世界中最大的变化是引入了 Hooks 模式。

React 只是一个视图层,如何在组件之间共享逻辑一直是一个争议。 事实上这个问题的发展历程可以大致描述成 4 个阶段:

  • 2013:使用 Mixin 在 React class 之间共享功能逻辑
  • 2015:高阶组件将 props 注入进 React 组件
  • 2017:Render props 模式
  • 2019:到处都在用 Hooks 写函数式组件

今年,我们已经看到了众多发挥 Hooks 威力的库,它们能够解决以下类型的衍生问题:

  • 状态管理:Redux 现在也提供了 Hooks 的方式,可以方便地与中心化 store 进行交互
  • 路由:React Router 提供了 Hooks 用于访问浏览器历史记录
  • 表单验证:React Hook Form 用独特的方式完成表单验证,它使用非受控表单控制进行实现

Hooks 会是演进的终点吗?

Vue 生态圈

1
Vue Element Admin

Vue Element Admin

A magical vue admin
+22.7k☆
在 2019 年, Vue Element Admin 增加了 22.7k 个 star, 在 GitHub Vue 生态圈 分类中排名第 1。 Tweet
2.1k
1.0k
1.9k
2.2k
2.0k
1.7k
1.9k
1.8k
2.2k
1.9k
1.7k
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
+9.4k☆
在 2019 年, Element 增加了 9.4k 个 star, 在 GitHub Vue 生态圈 分类中排名第 2。 Tweet
913
550
908
862
849
734
806
968
653
591
630
645
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Vuetify

Vuetify

Material Component Framework for Vue
+7.5k☆
在 2019 年, Vuetify 增加了 7.5k 个 star, 在 GitHub Vue 生态圈 分类中排名第 3。 Tweet
701
689
755
651
591
644
884
612
456
468
442
395
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Nuxt

Nuxt

The Vue.js Framework
+7.4k☆
在 2019 年, Nuxt 增加了 7.4k 个 star, 在 GitHub Vue 生态圈 分类中排名第 4。 Tweet
639
579
665
585
665
517
549
508
415
672
613
771
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
vue-cli

vue-cli

Standard Tooling for Vue.js Development
+5.8k☆
在 2019 年, vue-cli 增加了 5.8k 个 star, 在 GitHub Vue 生态圈 分类中排名第 5。 Tweet
588
446
656
617
512
436
425
427
372
436
364
324
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

特约撰稿人:Sébastien Chopin

今年,我们请我们的朋友 Sébastien Chopin 来谈谈 Vue.js 的情况。

Sébastien Chopin 是 Nuxt 的作者,Nuxt 在 2 个不同的类别中(Vue.js 生态圈和 Node.js 框架)都位于前 5 名。

Vue Element Admin 连续两年成为最受欢迎的 Vue 生态项目,它基于 Element,是一个使用 Vue.js 组件构建漂亮的仪表板的解决方案。

第 2 名就是 Element,这是一个包含大量可用组件的 UI 库。

遵循 Material Design 的组件框架 Vuetify 在 2019 年 7 月发布了 v2.0 并跻身前 5 名。

Nuxt 是用于构建 Vue.js 应用的 Web 框架,已连续 3 年位居前 5 名。

最后,在第 5 名,我们看到了 vue-cli,这是 Vue.js 官方的工具,它能让使用者通过功能强大的图形界面启动项目。

Angular 生态圈

1
ngx-admin

ngx-admin

Customizable admin dashboard template based on Angular 8+
+4.8k☆
在 2019 年, ngx-admin 增加了 4.8k 个 star, 在 GitHub Angular 生态圈 分类中排名第 1。 Tweet
545
346
452
340
322
373
519
381
544
360
265
230
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Material Design for Angular

Material Design for Angular

Component infrastructure and Material Design components for Angular
+2.4k☆
在 2019 年, Material Design for Angular 增加了 2.4k 个 star, 在 GitHub Angular 生态圈 分类中排名第 2。 Tweet
263
230
228
213
260
194
145
210
105
169
174
91
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Angular CLI

Angular CLI

CLI tool for Angular
+2.1k☆
在 2019 年, Angular CLI 增加了 2.1k 个 star, 在 GitHub Angular 生态圈 分类中排名第 3。 Tweet
251
192
197
198
182
154
179
162
156
137
158
94
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
NG-ZORRO

NG-ZORRO

An enterprise-class UI components based on Ant Design and Angular.
+1.7k☆
在 2019 年, NG-ZORRO 增加了 1.7k 个 star, 在 GitHub Angular 生态圈 分类中排名第 4。 Tweet
139
89
123
181
183
135
139
150
136
129
120
123
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
NgRx

NgRx

Reactive libraries for Angular
+1.3k☆
在 2019 年, NgRx 增加了 1.3k 个 star, 在 GitHub Angular 生态圈 分类中排名第 5。 Tweet
144
112
126
125
117
124
103
94
73
93
87
85
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

特约撰稿人:Benjamin Blackwood

今年,我们请我们的朋友 Benjamin Blackwood 来谈谈 Angular 的情况。

Benjamin 是来自 Australia Post 的前端开发者,并且有超过 4 年的 Angular 使用经验。

ngx-admin 是最受欢迎的 Angular 项目,它提供了创建管理员仪表盘的模板。

第 2 名是 NO slug official-components-for-angular,包含 Material Design 组件以及 Angular CDK。

类似于 React 和 Vue 的情况,Ant Design 组件库 NG-ZORRO 位于第 4 名。

Angular 在 2019 年发布了一个大版本。 Version 8 在 5 月发布。作为该发布版的一部分,Angular CLI 现在可以创建两个独立的打包(morden 与 legacy),将打包大小减少至多 20%。还有一个新的 Builders API,它允许你修改现有的 CLI 命令或添加新命令。

Version 9 目前处于候选发布状态,预计将在 2020 年初发布。Version 9 的主要变化是一个名为 Ivy 的新编译器,也有其他优化。Ivy 编译器有望具有更短的 re-build 时间和更小的打包大小。

测试框架

1
Puppeteer

Puppeteer

Headless Chrome Node.js API
+13.9k☆
在 2019 年, Puppeteer 增加了 13.9k 个 star, 在 GitHub JavaScript 测试框架 分类中排名第 1。 Tweet
1.5k
1.1k
1.4k
1.1k
1.2k
1.0k
1.4k
1.0k
1.1k
920
938
812
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Cypress

Cypress

Fast, easy and reliable testing for anything that runs in a browser.
+7.8k☆
在 2019 年, Cypress 增加了 7.8k 个 star, 在 GitHub JavaScript 测试框架 分类中排名第 2。 Tweet
537
545
578
693
762
540
569
651
475
725
837
710
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Jest

Jest

Delightful JavaScript Testing.
+6.5k☆
在 2019 年, Jest 增加了 6.5k 个 star, 在 GitHub JavaScript 测试框架 分类中排名第 3。 Tweet
743
609
733
501
543
442
538
505
415
413
406
446
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
React Testing Library

React Testing Library

Simple and complete React DOM testing utilities that encourage good testing practices.
+5.7k☆
在 2019 年, React Testing Library 增加了 5.7k 个 star, 在 GitHub JavaScript 测试框架 分类中排名第 4。 Tweet
435
901
452
498
525
391
407
522
344
308
339
414
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Puppeteer Recorder

Puppeteer Recorder

A Chrome extension that records your browser interactions and generates a Puppeteer script.
+2.2k☆
在 2019 年, Puppeteer Recorder 增加了 2.2k 个 star, 在 GitHub JavaScript 测试框架 分类中排名第 5。 Tweet
103
98
143
106
97
529
460
124
205
101
76
119
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

移动开发

1
React Native

React Native

A framework for building native apps with React.
+11.3k☆
在 2019 年, React Native 增加了 11.3k 个 star, 在 GitHub 移动开发 分类中排名第 1。 Tweet
952
1.1k
1.1k
892
1.1k
880
897
1.0k
847
819
689
649
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Quasar

Quasar

Responsive Single Page Apps, Server-side Render Apps, Progressive Web Apps, Hybrid Mobile Apps (that look native!) & Electron Apps, all using the same codebase.
+5.0k☆
在 2019 年, Quasar 增加了 5.0k 个 star, 在 GitHub 移动开发 分类中排名第 2。 Tweet
237
455
355
360
375
423
872
392
336
339
372
318
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Ionic

Ionic

Build amazing Native and Progressive Web Apps with web technologies. One app running on everything
+3.6k☆
在 2019 年, Ionic 增加了 3.6k 个 star, 在 GitHub 移动开发 分类中排名第 3。 Tweet
539
324
362
297
269
305
246
191
208
292
236
262
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Expo

Expo

An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.
+3.5k☆
在 2019 年, Expo 增加了 3.5k 个 star, 在 GitHub 移动开发 分类中排名第 4。 Tweet
306
256
350
269
263
384
216
247
278
272
286
252
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
cube-ui

cube-ui

A fantastic mobile ui lib implement by Vue
+2.6k☆
在 2019 年, cube-ui 增加了 2.6k 个 star, 在 GitHub 移动开发 分类中排名第 5。 Tweet
227
209
303
281
209
232
208
207
170
141
155
155
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

编译工具

1
TypeScript

TypeScript

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

Babel

A compiler for writing next generation JavaScript.
+4.2k☆
在 2019 年, Babel 增加了 4.2k 个 star, 在 GitHub 编译工具 分类中排名第 2。 Tweet
457
386
451
341
349
342
408
264
256
259
288
269
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.
+1.7k☆
在 2019 年, Flow 增加了 1.7k 个 star, 在 GitHub 编译工具 分类中排名第 3。 Tweet
176
156
245
136
160
130
144
95
115
100
75
60
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
+1.3k☆
在 2019 年, Reason 增加了 1.3k 个 star, 在 GitHub 编译工具 分类中排名第 4。 Tweet
198
112
118
159
108
82
67
73
95
89
68
121
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Sucrase

Sucrase

Super-fast alternative to Babel for when you can target modern JS runtimes
+1.1k☆
在 2019 年, Sucrase 增加了 1.1k 个 star, 在 GitHub 编译工具 分类中排名第 5。 Tweet
23
77
461
60
63
64
109
78
61
33
28
55
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

构建工具

1
Webpack

Webpack

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
+6.3k☆
在 2019 年, Webpack 增加了 6.3k 个 star, 在 GitHub 构建工具 分类中排名第 1。 Tweet
667
498
620
576
572
511
553
472
466
423
358
385
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Parcel

Parcel

Blazing fast, zero configuration web application bundler
+5.4k☆
在 2019 年, Parcel 增加了 5.4k 个 star, 在 GitHub 构建工具 分类中排名第 2。 Tweet
742
449
633
573
504
394
297
384
271
381
291
287
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Rollup

Rollup

Next-generation ES module bundler
+2.7k☆
在 2019 年, Rollup 增加了 2.7k 个 star, 在 GitHub 构建工具 分类中排名第 3。 Tweet
263
190
278
203
214
233
189
276
218
205
237
165
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Microbundle

Microbundle

Zero-configuration bundler for tiny modules.
+1.3k☆
在 2019 年, Microbundle 增加了 1.3k 个 star, 在 GitHub 构建工具 分类中排名第 4。 Tweet
151
101
238
104
94
119
74
82
66
87
59
74
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Gulp

Gulp

The streaming build system
+841☆
在 2019 年, Gulp 增加了 841 个 star, 在 GitHub 构建工具 分类中排名第 5。 Tweet
106
85
75
77
115
53
47
59
66
52
43
41
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

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 stress
+6.0k☆
在 2019 年, Styled Components 增加了 6.0k 个 star, 在 GitHub CSS in JavaScript 分类中排名第 1。 Tweet
598
522
559
521
575
493
459
477
432
407
469
366
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.3k☆
在 2019 年, Emotion 增加了 3.3k 个 star, 在 GitHub CSS in JavaScript 分类中排名第 2。 Tweet
364
292
321
296
306
243
218
223
205
209
225
285
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Linaria

Linaria

Zero-runtime CSS in JS library
+2.8k☆
在 2019 年, Linaria 增加了 2.8k 个 star, 在 GitHub CSS in JavaScript 分类中排名第 3。 Tweet
333
866
343
196
247
110
74
91
78
87
76
198
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
styled-system

styled-system

⬢ Style props for rapid UI development
+2.4k☆
在 2019 年, styled-system 增加了 2.4k 个 star, 在 GitHub CSS in JavaScript 分类中排名第 4。 Tweet
290
200
261
238
216
166
208
179
150
117
148
116
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
CSS Modules

CSS Modules

Documentation about css-modules
+1.8k☆
在 2019 年, CSS Modules 增加了 1.8k 个 star, 在 GitHub CSS in JavaScript 分类中排名第 5。 Tweet
185
174
186
167
180
126
129
141
141
120
110
107
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

GraphQL

1
Gatsby

Gatsby

Build blazing fast, modern apps and websites with React
+11.5k☆
在 2019 年, Gatsby 增加了 11.5k 个 star, 在 GitHub Javascript GraphQL 项目 分类中排名第 1。 Tweet
1.4k
1.1k
1.2k
927
844
829
785
859
881
997
749
582
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
Hasura GraphQL Engine

Hasura GraphQL Engine

Blazing fast, instant realtime GraphQL APIs on Postgres with fine grained access control, also trigger webhooks on database events.
+8.1k☆
在 2019 年, Hasura GraphQL Engine 增加了 8.1k 个 star, 在 GitHub Javascript GraphQL 项目 分类中排名第 2。 Tweet
1.0k
481
915
713
609
1.0k
500
446
453
593
481
628
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
Prisma

Prisma

Database Tools incl. ORM, Migrations and Admin UI (Postgres, MySQL & MongoDB)
+4.5k☆
在 2019 年, Prisma 增加了 4.5k 个 star, 在 GitHub Javascript GraphQL 项目 分类中排名第 3。 Tweet
474
398
537
649
355
375
358
327
239
259
192
227
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Gridsome

Gridsome

️Build modern JAMstack websites with Vue.js
+3.8k☆
在 2019 年, Gridsome 增加了 3.8k 个 star, 在 GitHub Javascript GraphQL 项目 分类中排名第 4。 Tweet
331
365
472
289
342
264
192
196
277
465
254
218
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Apollo client

Apollo client

A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server
+3.4k☆
在 2019 年, Apollo client 增加了 3.4k 个 star, 在 GitHub Javascript GraphQL 项目 分类中排名第 5。 Tweet
370
266
291
275
284
314
276
250
292
203
236
219
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

学习资源

1
You Don't Know JS

You Don't Know JS

A book series on JavaScript
+20.1k☆
在 2019 年, You Don't Know JS 增加了 20.1k 个 star, 在 GitHub 学习资源 分类中排名第 1。 Tweet
1.8k
1.4k
1.9k
1.8k
1.5k
1.6k
1.7k
1.7k
1.3k
1.6k
1.6k
1.6k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
2
30 seconds of code

30 seconds of code

Short JavaScript code snippets for all your development needs
+18.1k☆
在 2019 年, 30 seconds of code 增加了 18.1k 个 star, 在 GitHub 学习资源 分类中排名第 2。 Tweet
2.7k
1.8k
1.9k
1.7k
1.5k
1.1k
921
885
997
1.7k
1.6k
806
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
3
JS Algorithms & Data Structures

JS Algorithms & Data Structures

Algorithms and data structures implemented in JavaScript with explanations and links to further readings
+17.8k☆
在 2019 年, JS Algorithms & Data Structures 增加了 17.8k 个 star, 在 GitHub 学习资源 分类中排名第 3。 Tweet
2.0k
1.7k
1.5k
1.4k
936
940
1.5k
1.2k
1.3k
1.2k
888
2.7k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
4
Node.js Best Practices

Node.js Best Practices

The largest Node.js best practices list (December 2019)
+16.1k☆
在 2019 年, Node.js Best Practices 增加了 16.1k 个 star, 在 GitHub 学习资源 分类中排名第 4。 Tweet
2.9k
1.1k
732
791
2.4k
974
874
897
1.1k
1.4k
1.2k
1.4k
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
5
Tech Interview Handbook

Tech Interview Handbook

Materials to help you rock your next coding interview
+13.0k☆
在 2019 年, Tech Interview Handbook 增加了 13.0k 个 star, 在 GitHub 学习资源 分类中排名第 5。 Tweet
629
492
572
608
583
864
558
3.1k
3.0k
766
570
923
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月

总结

在前端众多的有趣趋势中:Svelte 框架会持续增长吗?

或者我们可能会更多地采用 Web 标准实现(比方说 Web Components)?

2019 年最有趣的故事之一是 Apple Music 发布了 Web 版客户端,它使用 Web Components 并通过 Stencil 编译,Stencil 也是今年榜上有名的 UI 框架之一。 这是 Web Components 在“现实世界”的真实案例!

还有一大进步是你可以发布 使用原生 ES 模块化的应用

在后端方面,Node.js 到 2019 年已经有 10 年历史了,但新功能依然在快速增加。

从 v13.2.0 起,Node.js 直接支持了 ES 模块化语法,并且能够导入 Web Assembly 模块。 Workers Threads API 可以支撑计算密集型工作。

无论是浏览器还是 Node.js,平台的持续演进都使得 JavaScript 开发工作激动人心。

感谢你们的关注,我们明年再见!

Chinese (simplified) version

Seognil LC
略懂点 JavaScript,做过点翻译工作

Authors

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

Available Translations

English

Español