和 2016年 一样，又到了我们回顾 2017年 Javascript 范围成长与变革的时候。 通过比拟各项目过去 12 个月在 GitHub 上新增 star 数量，来评估其在 2017 年度的受存眷水平，进而选出 2017 年度 JavaScript 范围崛起的明星项目。

下列图表比拟了各个项目在 Github 上于过去 12 个月新增的 star 数量。分析的数据来源为 bestof.js.org 网站 ，一个 WEB 范围优秀项目的精选网站。通过点击项目，可以检察更多信息。

最受欢迎项目

下面是不分类另外 2017 年度最受欢迎 Javascript 项目，如果你时间很紧，看这部分就够了。

Vue.js 连任冠军

Vue.js 再次强势登顶年度排行榜冠军，本年在 GitHub 上新增了赶过 40K 的 star。相较于 2016 年的（26K star），本年 Vue.js 领先排行榜第 2 名（ React ）的优势更大了。

那么，是什么令 Vue.js 如此出众？

首先，它学习曲线平缓，使用了与 React 相似语法更让 WEB 开发者熟悉的组件方案；

成长良好的生态圈，社区中涌现掉事实上的官方标准库：路由 vue-router，状态打点库: Vuex；

把模板、逻辑和样式放入单个 .vue 文件中的单文件组件设计理念在模块化代行其道的今天显得非常亲切；

被风行的 PHP 框架 Laravel 选为默认的视图引擎（View Engine）；

为 Evan You 小我私家维护，通过众筹方法来获取撑持的开源项目，而不是由 Facebook 或 Google 这样的互联网巨头来主导。

也许正因为上述最后一点，Vue.js 在中国拥有大量的拥趸。不只被中国最大的电商平台阿里巴巴使用，也获得了 GitLab 与 Adobe 这些公司青睐。

React 再次获得亚军

React 和 2016 一样稳占第二名，2017 年它在 GitHub 上获得了赶过 27K star（再次明确下，此处我们分析的是本年新增的 star 数量而非所有的 star 数量）。

Create React App，是排行榜的季军，已经成为新建 React 项目的首选方法。它的大获告成让不少 React 样板项目（React Boilerplates）慢慢淡出历史舞台。

Dan Abramov（ Redux 作者，现就职于 Facebook）创建 Create React App 简直是做了一件了不起的事情，他在成果性与简洁性之间取得了巧妙的平衡，好比，它没有集成花哨的样式解决方案（只使用了纯粹的 CSS）和处事器端衬着，却具有恰到好处的封装，这些造就了良好的开发体验。

Axios

Axios 库是最广泛使用的 HTTP 客户端。它能同时在用户端（在用户端倡议 Ajax 请求）与处事器端（在 Node.js 环境中）使用。

Axios 的告成或许与 Vue.js 有对照大的关系，因为大量的 Vue.js 教程都使用它来倡议 API 请求获取数据。

Puppeteer

Puppeteer 是本年的大事件之一，是 Google Chrome 团队开发的一个无界面 Chrome 浏览器，即一个在后台运行，且能被代码驱动和控制的浏览器。

它可作如下用途:

在真实浏览器中进行自动化界面测试；

用生成页面快照的方法来实现处事端衬着；

操作 Google Chrome “生存为 PDF” 的成果生成PDF文件；

前端框架

前端框架方面向来是兵家必争之地，不过如今已呈三家鼎足分立，大局尘土落定之势。

Vue、React、Angular 三足鼎峙

毫无疑问，目前公认的 3 大 UI 框架分袂是 Vue.js，React 和 Angular 。

我们习惯称他们为_框架_，但准确地讲只有 Angular 是_框架_，Vue.js 和 React 应归类为_库_。

前文中，我们已经分析了 Vue.js 的告成因素和它的集成方案。

与 Vue.js 相对应的，React 方面却依然处于碎片化的状态，开发者需要按照自身项目的情况，进行技术选型：

页面间的路由切换问题；

如何获取数据；

如何把数据绑定到表单；

如何存储应用的状态；

相反，Angular 生态圈则更可控也更不变。有一种叫_Angular 准则_ 的最佳实践用来指导开发。

这可能给人一种 Angular 对付多人协同事情更友好的印象。别的，跟着撑持静态类型的 TypeScript 插手，Angular 也势必能得到更多熟悉 C# 或 Java 的后端开发人员人不雅观注与青睐。

少便是多

在三巨头之后，能非常有趣的发明第四名 Preact。

Preact 是一个 React 的小型替代解决方案：有不异的 API，却只有 3KB 的巨细。