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

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

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


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

目录

  1. 最受欢迎项目
    Vue.jsReactVS CodeDenoPuppeteerCreate React AppAxiosAnt DesignVue Element AdminStorybook
  2. 前端框架
    Vue.jsReactAngularHyperappOmi
  3. Node.js 框架
    Next.jsNuxtNestExpressKoa
  4. React 生态圈
    Create React AppAnt DesignGatsbyNext.jsMaterial UI
  5. Vue 生态圈
    Vue Element AdminElementVuePressvue-cliNuxt
  6. Angular 生态圈
    Angular CLIngx-adminMaterial Design for AngularNgRxNG-ZORRO
  7. 移动开发
    React NativeWeexNativeScriptQuasarIonic
  8. 编译工具
    TypeScriptBabelFlowReasonPurescript
  9. 构建工具
    ParcelWebpackRollupGulpPoi
  10. 测试框架
    JestAVAMochaJasmineTape
  11. IDE 和编辑器
    VS CodeAtomTheiaReactideBrackets
  12. CSS in JavaScript
    Styled ComponentsEmotionCSS ModulesLinariaPolished
  13. 静态网站生成器
    GatsbyNext.jsVuePressNuxtHexo
  14. GraphQL
    GatsbyPrismaApollo clientGraphQLApollo Server
  15. 学习资源
    JS Algorithms & Data Structures30 seconds of codeYou Don't Know JSAirbnb Style GuideNode.js Best Practices
  16. 总结

最受欢迎项目

1
Vue.js

Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
+45.3k☆

2018 趋势

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月

GitHub 数据

创建于
2013-07
star 总数
124.1k☆

链接

GitHub
vuejs/vue
项目主页
vuejs.org
Best of JS
bestofjs.org/projects/vuejs
2
React

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
+34.2k☆
3
VS Code

VS Code

Visual Studio Code
+25.2k☆
4
Deno

Deno

A secure TypeScript runtime on V8
+21.6k☆
5
Puppeteer

Puppeteer

Headless Chrome Node API
+21.4k☆
6
Create React App

Create React App

Set up a modern web app by running one command.
+21.2k☆
7
Axios

Axios

Promise based HTTP client for the browser and node.js
+19.9k☆
8
Ant Design

Ant Design

🐜 A UI Design Language
+18.5k☆
9
Vue Element Admin

Vue Element Admin

A magical vue admin
+17.3k☆
10
Storybook

Storybook

Interactive UI component dev & test: React, React Native, Vue, Angular, Ember
+15.1k☆

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

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☆
2
React

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
+34.2k☆
3
Angular

Angular

One framework. Mobile & desktop.
+12.4k☆
4
Hyperapp

Hyperapp

1 kB JavaScript micro-framework for building declarative web applications
+7.6k☆
5
Omi

Omi

Next generation web framework using web components with omio fallback(IE8+) in tiny js.
+5.1k☆

在前端框架方面,主导者还是和 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☆
2
Nuxt

Nuxt

The Vue.js Developers Framework
+8.7k☆
3
Nest

Nest

A progressive Node.js framework for building efficient and scalable server-side applications on top
+8.4k☆
4
Express

Express

Fast, unopinionated, minimalist web framework for node.
+5.8k☆
5
Koa

Koa

Expressive middleware for node.js using ES2017 async functions
+5.5k☆

在 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☆
2
Ant Design

Ant Design

🐜 A UI Design Language
+18.5k☆
3
Gatsby

Gatsby

Build blazing fast, modern apps and websites with React
+13.0k☆
4
Next.js

Next.js

The React Framework
+12.6k☆
5
Material UI

Material UI

React components that implement Google's Material Design.
+11.4k☆

不出意外,在 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☆
2
Element

Element

A Vue.js 2.0 UI Toolkit for Web
+12.4k☆
3
VuePress

VuePress

📝 Minimalistic Vue-powered static site generator
+10.4k☆
4
vue-cli

vue-cli

🛠️ Standard Tooling for Vue.js Development
+9.8k☆
5
Nuxt

Nuxt

The Vue.js Developers Framework
+8.7k☆

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☆
2
ngx-admin

ngx-admin

Admin dashboard template based on Angular 7+, Bootstrap 4 (previously known as ng2-admin)
+4.8k☆
3
Material Design for Angular

Material Design for Angular

Material Design components for Angular
+4.3k☆
4
NgRx

NgRx

Reactive libraries for Angular
+2.5k☆
5
NG-ZORRO

NG-ZORRO

An enterprise-class UI components based on Ant Design and Angular 7. 🐜
+2.2k☆

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☆
2
Weex

Weex

A framework for building Mobile cross-platform UI.
+4.4k☆
3
NativeScript

NativeScript

NativeScript is an open source framework for building truly native mobile apps with JavaScript. Use
+3.8k☆
4
Quasar

Quasar

Quasar Framework
+3.6k☆
5
Ionic

Ionic

Build amazing native and progressive web apps with open web technologies. One app running on everyth
+3.5k☆

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

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

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

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

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

Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading

总结

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

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

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

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

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

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

Chinese (simplified) version

Seognil LC

略懂点 JavaScript,做过点翻译工作 写了 前端开发入门指南JavaScript 学习指南

Authors

Sacha Greif

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

Available Translations

English

Español