2018年流行JavaScript明星项目

logos-bg.png

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

项目有点多,文章有点长,加载会有点慢!!

最受欢迎项目

Vue.js 连续第三次登顶年度排行榜冠军。
它今年在 GitHub 上新增了超过 45k 的 star,比 2017 还要多 5k 势头依然不减!
第 4 名,Deno 是今年前十名中唯一的新项目。
Deno 是“一个可在浏览器外执行 JavaScriptTypeScript 代码的程序”
根据其作者 Ryan Dahl( Node.js 之父)的说法,这是一个尝试解决部分 Node.js 原有问题的、可靠的 TypeScript 运行时。

vue
vue
Owner:vuejs
Updated:2019-03-24 19:59
Forks:18846
Watchers:132366
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

react
react
Owner:facebook
Updated:2019-03-24 20:06
Forks:22754
Watchers:125159
A declarative, efficient, and flexible JavaScript library for building user interfaces.

vscode
vscode
Owner:Microsoft
Updated:2019-03-24 19:30
Forks:9628
Watchers:72007
Visual Studio Code

deno
deno
Owner:denoland
Updated:2019-03-24 20:09
Forks:1541
Watchers:32279
A secure JavaScript/TypeScript runtime built with V8, Rust, and Tokio

puppeteer
puppeteer
Owner:GoogleChrome
Updated:2019-03-24 19:30
Forks:4154
Watchers:47123
Headless Chrome Node API

create-react-app
create-react-app
Owner:facebook
Updated:2019-03-24 20:05
Forks:14490
Watchers:65363
Set up a modern web app by running one command.

axios
axios
Owner:axios
Updated:2019-03-24 04:05
Forks:4425
Watchers:56789
Promise based HTTP client for the browser and node.js

ant-design
ant-design
Owner:ant-design
Updated:2019-03-24 19:51
Forks:15428
Watchers:44072
🌈 A UI Design Language

vue-element-admin
vue-element-admin
Owner:PanJiaChen
Updated:2019-03-24 18:56
Forks:9239
Watchers:29372
:tada: A magical vue admin http://panjiachen.github.io/vue-element-admin

storybook
storybook
Owner:storybooks
Updated:2019-03-24 18:45
Forks:2777
Watchers:35452
UI component dev & test: React, Vue, Angular, React Native, Ember & more!

前端框架

在前端框架方面,主导者还是和 2017 年一样的三位:Vue.jsReactAngular
六月 Vue.jsReact 都有一个小高峰。是什么原因?那时正值 Vue.js 总 star 数超过 React,成为 UI 框架类别中最受欢迎的项目。那时候,双方的粉丝都在为他们心目中的冠军拉票!
2018 年的新秀是 Omi,一个运用了 Shadow DOM 技术的、大有前途的 UI 框架,同时采用了 React 开发者们熟知的 JSX 语法。

vue
vue
Owner:vuejs
Updated:2019-03-24 19:59
Forks:18846
Watchers:132366
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

react
react
Owner:facebook
Updated:2019-03-24 20:06
Forks:22754
Watchers:125159
A declarative, efficient, and flexible JavaScript library for building user interfaces.

angular
angular
Owner:angular
Updated:2019-03-24 18:34
Forks:12199
Watchers:46402
One framework. Mobile & desktop.

hyperapp
hyperapp
Owner:jorgebucaran
Updated:2019-03-24 13:27
Forks:721
Watchers:16457
1 kB JavaScript micro-framework for building declarative web applications

omi
omi
Owner:Tencent
Updated:2019-03-24 15:48
Forks:695
Watchers:7998
Next Front End Framework - 下一代前端统一框架 - 支持桌面Web、移动H5和小程序

Node.js 框架

在 2018 年中领跑的两个 Node.js 框架是基于特定前端框架的“全栈框架”。
采用 ReactNext.js,本类别的新冠军。
采用 Vue.jsNuxt
它们都保证了良好的单页应用(SPA)开发体验,并支持服务端渲染(SSR)。
位于第 4 的是 Express,2017 年的第一名,尽管它“年事已高”,依然十分流行。

next.js
next.js
Owner:zeit
Updated:2019-03-24 18:52
Forks:4108
Watchers:35954
The React Framework

nuxt.js
nuxt.js
Owner:nuxt
Updated:2019-03-24 20:03
Forks:1599
Watchers:18957
The Vue.js Framework

nest
nest
Owner:nestjs
Updated:2019-03-24 19:37
Forks:900
Watchers:13750
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications on top of TypeScript & JavaScript (ES6, ES7, ES8) 🚀

express
express
Owner:expressjs
Updated:2019-03-24 16:27
Forks:7322
Watchers:42989
Fast, unopinionated, minimalist web framework for node.

koa
koa
Owner:koajs
Updated:2019-03-24 20:11
Forks:2296
Watchers:25414
Expressive middleware for node.js using ES2017 async functions

Vue 生态圈

Vue.js 的势头还在增长,第 3 个大版本 计划发挥出现代浏览器的优势,以便更高效地运行和更易于使用。
Vue Element AdminVue.js 生态圈最流行的项目,是使用 Vue.js 组件构建漂亮的仪表板的解决方案。
vue-cli 是使用现代 JavaScript 工具构建一个新的 Vue.js 应用程序的标准解决方案。
它能够和 ReactCreate React App 相提并论,但它更灵活并提供了一个图形化的 UI 界面,使得它非常方便用户。

vue-element-admin
vue-element-admin
Owner:PanJiaChen
Updated:2019-03-24 18:56
Forks:9239
Watchers:29372
:tada: A magical vue admin http://panjiachen.github.io/vue-element-admin

element
element
Owner:ElemeFE
Updated:2019-03-24 16:45
Forks:7216
Watchers:36057
A Vue.js 2.0 UI Toolkit for Web

vuepress
vuepress
Owner:vuejs
Updated:2019-03-24 18:34
Forks:1596
Watchers:11900
📝 Minimalistic Vue-powered static site generator

vue-cli
vue-cli
Owner:vuejs
Updated:2019-03-24 19:46
Forks:3201
Watchers:19711
🛠️ Standard Tooling for Vue.js Development

nuxt.js
nuxt.js
Owner:nuxt
Updated:2019-03-24 20:03
Forks:1599
Watchers:18957
The Vue.js Framework

React 生态圈

不出意外,在 React 生态圈类别,2018 年的头号项目是 Create React App,创建新 React 项目的事实上的工具。
其第 2 版在 2018 年发布,是一次大版本更新,改动包括内置 Webpack 4,以及使用 TypeScript 的可能性。
对于 React 本身,主要变动在于引入了 hooks,它或许能够改变我们对于状态管理的处理方式,以及调整 React 中的副作用。

create-react-app
create-react-app
Owner:facebook
Updated:2019-03-24 20:05
Forks:14490
Watchers:65363
Set up a modern web app by running one command.

ant-design
ant-design
Owner:ant-design
Updated:2019-03-24 19:51
Forks:15428
Watchers:44072
🌈 A UI Design Language

gatsby
gatsby
Owner:gatsbyjs
Updated:2019-03-24 20:04
Forks:4556
Watchers:33024
Build blazing fast, modern apps and websites with React

next.js
next.js
Owner:zeit
Updated:2019-03-24 18:52
Forks:4108
Watchers:35954
The React Framework

material-ui
material-ui
Owner:mui-org
Updated:2019-03-24 19:31
Forks:9564
Watchers:45415
React components for faster and easier web development. Build your own design system, or start with Material Design.

Angular 生态圈

2018 年,在 Angular 生态圈中,不只一个而是有两个大版本更新!
Angular version 6 推出于五月,提供了很多和工具化相关的功能。
因此,在 Angular 生态圈中,最流行的项目是官方的命令行工具 Angular CLI,用于搭建新项目和管理现有项目。
在这些新功能中,update 命令使更新应用和依赖变得容易。此外,现在可以在不 ejecting 的情况下调整底层 Webpack 配置。
Angular version 7 于十月发布。
包含了 Angular CLI prompts,以及 Material Design for Angular 的更新,并侧重性能提升,包括一个称为“虚拟滚动”(Virtual Scrolling)的特性。

angular-cli
angular-cli
Owner:angular
Updated:2019-03-24 18:23
Forks:6209
Watchers:21241
CLI tool for Angular

ngx-admin
ngx-admin
Owner:akveo
Updated:2019-03-24 19:52
Forks:5167
Watchers:15868
Admin dashboard template based on Angular 7+, Bootstrap 4 (previously known as ng2-admin)

material2
material2
Owner:angular
Updated:2019-03-24 18:59
Forks:4528
Watchers:17536
Component infrastructure and Material Design components for Angular

platform
platform
Owner:ngrx
Updated:2019-03-24 19:55
Forks:1156
Watchers:4547
Reactive libraries for Angular

ng-zorro-antd
ng-zorro-antd
Owner:NG-ZORRO
Updated:2019-03-24 16:50
Forks:1428
Watchers:4579
An enterprise-class UI components based on Ant Design and Angular 7. 🐜

移动开发

React Native 依然是使用 JavaScript 语言创建移动端应用的主要解决方案。
Airbnb 最近发布了一系列完整的文章解释了为什么他们决定在下一个产品中抛弃 React Native 转而开发原生 Apps
对于那些希望使用 Vue.js 而不是 React 的人们来说,这儿也有一些选择。
以下四个本类别中的项目(WeexNativeScriptQuasarIonic)全都支持 Vue.js 作为视图层来构建移动端应用。
来自 GoogleFlutter 虽然不是 JavaScript 语言的项目(因为它使用 Dart 编程语言), 但对于构建跨环境移动端应用,它也是一个很棒的备选方案。

react-native
react-native
Owner:facebook
Updated:2019-03-24 19:35
Forks:16755
Watchers:75332
A framework for building native apps with React.

incubator-weex
incubator-weex
Owner:apache
Updated:2019-03-24 19:14
Forks:1580
Watchers:12009
Apache Weex (Incubating)

NativeScript
NativeScript
Owner:NativeScript
Updated:2019-03-24 18:32
Forks:1212
Watchers:16481
NativeScript is an open source framework for building truly native mobile apps with JavaScript. Use web skills, like Angular and Vue.js, FlexBox and CSS, and get native UI and performance on iOS and Android.

quasar
quasar
Owner:quasarframework
Updated:2019-03-24 19:19
Forks:874
Watchers:9162
Quasar Framework - High performance, Material Design 2, full front end stack with Vue.js

ionic
ionic
Owner:ionic-team
Updated:2019-03-24 19:20
Forks:12949
Watchers:37454
Build amazing native and progressive web apps with open web technologies. One app running on everything 🎉

编译工具

我们过去曾讨论在 JavaScript 中引入静态类型的最佳方案。
到了 2018 年,看起来微软的 TypeScript 大幅领先了其灵感来源 —— FacebookFlow
实际上,支持 TypeScript 的最新版 Babel 是一个搅局者。
TypeScript 几乎是一个开发标准了:无论对于后端还是前端开发来说,我们看到越来越多的项目包含了 TypeScript 声明。而且,如果某些库自身不带类型声明,那么名为 DefinitelyTyped 的项目会为大量的那些库提供类型声明。

TypeScript
TypeScript
Owner:Microsoft
Updated:2019-03-24 19:14
Forks:6517
Watchers:46718
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

babel
babel
Owner:babel
Updated:2019-03-24 17:24
Forks:3402
Watchers:32465
🐠 Babel is a compiler for writing next generation JavaScript.

flow
flow
Owner:facebook
Updated:2019-03-24 18:55
Forks:1627
Watchers:19136
Adds static typing to JavaScript to improve developer productivity and code quality.

reason
reason
Owner:facebook
Updated:2019-03-24 16:32
Forks:361
Watchers:7435
Simple, fast & type safe code that leverages the JavaScript & OCaml ecosystems

purescript
purescript
Owner:purescript
Updated:2019-03-24 19:08
Forks:406
Watchers:5575
A strongly-typed language that compiles to Javascript

构建工具

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

parcel
parcel
Owner:parcel-bundler
Updated:2019-03-24 17:16
Forks:1379
Watchers:30563
📦🚀 Blazing fast, zero configuration web application bundler

webpack
webpack
Owner:webpack
Updated:2019-03-24 19:07
Forks:6014
Watchers:47828
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.

rollup
rollup
Owner:rollup
Updated:2019-03-24 19:33
Forks:680
Watchers:15193
Next-generation ES module bundler

gulp
gulp
Owner:gulpjs
Updated:2019-03-24 10:47
Forks:4414
Watchers:31017
The streaming build system

poi
poi
Owner:egoist
Updated:2019-03-24 18:12
Forks:242
Watchers:4510
:zap: A zero-config bundler for JavaScript applications.

测试框架

2018 年中测试框架领域总体没有什么变化,5 个领先的解决方案保持了和 2017 年相同的排名。
Jest 比竞争者们进步更快,开发者们喜欢 Fackbook 的全功能测试框架所带来的效用 —— 无论是在前端(它最初被打算用于测试 React 组件)还是后端使用,而且它是零配置的。

jest
jest
Owner:facebook
Updated:2019-03-24 17:44
Forks:3353
Watchers:24527
Delightful JavaScript Testing.

ava
ava
Owner:avajs
Updated:2019-03-24 09:26
Forks:1018
Watchers:15968
🚀 Testing can be a drag. AVA helps you get it done.

mocha
mocha
Owner:mochajs
Updated:2019-03-24 20:12
Forks:2378
Watchers:17453
☕️ simple, flexible, fun javascript test framework for node.js & the browser

jasmine
jasmine
Owner:jasmine
Updated:2019-03-24 15:00
Forks:2103
Watchers:14235
Simple JavaScript testing framework for browsers and node.js

tape
tape
Owner:substack
Updated:2019-03-24 11:36
Forks:266
Watchers:4947
tap-producing test harness for node and browsers

IDE 和编辑器

VS Code,全类别里第 3 流行的项目,几乎就是用于 web 开发的事实上的 IDE 了。
它依靠自动补全功能和自带 TypeScript 集成站稳了脚跟。
杀手级功能可能就是对于 Node.js 的调试能力了吧。

vscode
vscode
Owner:Microsoft
Updated:2019-03-24 19:30
Forks:9628
Watchers:72007
Visual Studio Code

atom
atom
Owner:atom
Updated:2019-03-24 19:46
Forks:11322
Watchers:48191
:atom: The hackable text editor

theia
theia
Owner:theia-ide
Updated:2019-03-24 19:18
Forks:428
Watchers:3491
Theia is a cloud & desktop IDE framework implemented in TypeScript.

reactide
reactide
Owner:reactide
Updated:2019-03-24 12:20
Forks:528
Watchers:8696
Reactide is the first dedicated IDE for React web application development. http://reactide.io

brackets
brackets
Owner:adobe
Updated:2019-03-24 19:52
Forks:6399
Watchers:29644
An open source code editor for the web, written in JavaScript, HTML and CSS.

CSS in JavaScript

虽然目前,对于基于组件的现代前端应用,什么才是最好的样式化方案,还没有定论(无论 ReactVue.js 还是 Angular)。
但是 Styled Components 依然有着最好的势头,看起来是最受欢迎的“组件样式化”解决方案。

styled-components
styled-components
Owner:styled-components
Updated:2019-03-24 20:04
Forks:1359
Watchers:22825
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

emotion
emotion
Owner:emotion-js
Updated:2019-03-24 10:00
Forks:443
Watchers:7387
CSS-in-JS library designed for high performance style composition

css-modules
css-modules
Owner:css-modules
Updated:2019-03-24 17:41
Forks:375
Watchers:11682
Documentation about css-modules

linaria
linaria
Owner:callstack
Updated:2019-03-24 16:52
Forks:95
Watchers:3454
Zero-runtime CSS in JS library

polished
polished
Owner:styled-components
Updated:2019-03-24 14:41
Forks:183
Watchers:4868
A lightweight toolset for writing styles in JavaScript ✨

静态网站生成器

和 2017 年一样,Gatsby 在 2018 年依然是最受欢迎的静态站点生成器(用于生成一组 HTML JavaScriptCSS 文件,以便能够在任意地方托管,超快响应 —— 的一种工具)。
Gatsby 的亮点在于它的多面性(你能结合单页应用和静态站点的优点)以及对性能的关注。
如果你希望使用 Vue.js 而不是 React,那么第 3 名的 VuePress 或许是恰当的选择。

gatsby
gatsby
Owner:gatsbyjs
Updated:2019-03-24 20:04
Forks:4556
Watchers:33024
Build blazing fast, modern apps and websites with React

next.js
next.js
Owner:zeit
Updated:2019-03-24 18:52
Forks:4108
Watchers:35954
The React Framework

vuepress
vuepress
Owner:vuejs
Updated:2019-03-24 18:34
Forks:1596
Watchers:11900
📝 Minimalistic Vue-powered static site generator

nuxt.js
nuxt.js
Owner:nuxt
Updated:2019-03-24 20:03
Forks:1599
Watchers:18957
The Vue.js Framework

hexo
hexo
Owner:hexojs
Updated:2019-03-24 19:06
Forks:3463
Watchers:25752
A fast, simple & powerful blog framework, powered by Node.js.

GraphQL

GraphQL 生态圈正在高速发展,并且有一个大趋势是: 一些工具的出现能够简化 GraphQL 的配置过程。
Gatsby 依然是第一名,而且它绝对是最易上手使用 GraphQL 的工具之一。
Graphcool 演变而来的 Prisma 位于第二。与此同时,Hasura GraphQL Engine 还可以帮你直接从数据库生成一个能运作的后端。
前 15 名的其余部分,包括 GraphQL 服务端、客户端、以及各种其他工具 —— 比如 GraphQL Playground

gatsby
gatsby
Owner:gatsbyjs
Updated:2019-03-24 20:04
Forks:4556
Watchers:33024
Build blazing fast, modern apps and websites with React

prisma
prisma
Owner:prisma
Updated:2019-03-24 18:51
Forks:763
Watchers:13278
💾 Database Tools incl. ORM, Migrations and Admin UI (Postgres, MySQL & MongoDB)

apollo-client
apollo-client
Owner:apollographql
Updated:2019-03-24 11:59
Forks:1194
Watchers:10432
:rocket: A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server

graphql
graphql
Owner:facebook
Updated:2019-03-24 18:32
Forks:714
Watchers:11381
GraphQL is a query language and execution engine tied to any backend service.

apollo-server
apollo-server
Owner:apollographql
Updated:2019-03-24 16:36
Forks:782
Watchers:6689
🌍 GraphQL server for Express, Connect, Hapi, Koa and more

学习资源

javascript-algorithms
javascript-algorithms
Owner:trekhleb
Updated:2019-03-24 18:35
Forks:6423
Watchers:46589
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings

30-seconds-of-code
30-seconds-of-code
Owner:30-seconds
Updated:2019-03-24 20:01
Forks:4519
Watchers:41390
A curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.

You-Dont-Know-JS
You-Dont-Know-JS
Owner:getify
Updated:2019-03-24 19:55
Forks:19275
Watchers:98514
A book series on JavaScript. @YDKJS on twitter.

javascript
javascript
Owner:airbnb
Updated:2019-03-24 18:50
Forks:15904
Watchers:83165
JavaScript Style Guide

nodebestpractices
nodebestpractices
Owner:i0natan
Updated:2019-03-24 19:32
Forks:2002
Watchers:26360
The largest Node.js best practices list (March 2019)

标签: JavaScript

除单独说明外,文章默认采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可。

添加新评论