摘要：在年成為最大贏家，贏得了實現的風暴之戰。和他的競爭者位列第二沒有前端開發者可以忽視和它的生態系統。他的殺手級特性是探測功能，通過檢查任何用戶的功能，以直觀的方式讓開發人員檢查所有端點。

本文轉載自：眾成翻譯
譯者：zxhycxq
鏈接：http://www.zcfy.cc/article/2410
原文：https://risingstars2016.js.org/

【譯者注：】因格式問題，圖片相關的內容，請參照英文原文：https://risingstars2016.js.org/

JavaScript 社區在創新方面全速前進，幾個月后，曾經的趨勢就會過時。

2016 已經結束了,你可能會想自己錯過了一些重要的東西？別擔心,我們正回顧一下主要的趨勢。

讓我們看看 by the numbers 這個在2016年推動的項目，它比較了在過去12個月，Github上 增加 的 stars 數量。

在 2015年, React 成為最大贏家 ， Flux 贏得了Flux實現的風暴之戰。

誰是2016年JavaScript后起之秀呢？

1. 2016最流行的項目

2. 前端框架

3. Node.js 框架

4. React Boilerplates

5. Mobile

6. 編譯器

7. 構建工具

8. 測試框架

9. IDE

10. 靜態網站生成器

下面的圖表對比了在過去12個月中，GitHub上 增加的 stars。

我們分析了來自bestof.js.org （關于web平臺的最佳項目清單）的項目。

通過檢查去年中最火的10個項目，你可以得到一個很好的關于2016年Web開發環境是怎么樣的回顧，你會發現：

3個 UI 框架: Vue.JS, React 和 Angular 2

一個新的 node.js 包管理器: Yarn

構建桌面應用的領先解決方案: Electron

快速開始一個新 React 項目的方案A Create React App

移動框架: React Native

最有名的 CSS 工具包: Bootstrap

基于函數式的狀態管理庫 : Redux

一個強大而又靈活的圖標庫: D3

它講述了很多關于JavaScript在2016年無所不在和用途廣泛的事。

Vue.JS 去年在 Github 上獲得了超過25,000 個stars, 這意味著一天72個stars，這比包括React和Angular在內的其他框架都多。

vue 2, 利用虛擬DOM的性能,在去年十月份發布。

Vue.JS 被一些大公司（包括阿里巴巴-中國最大的電子商務公司）在生產中使用，所以，你可以認為這是一個安全的選擇。

它已經擁有相當成熟的生態系統，包括 router (vue-router) 和一個狀態管理庫 (Vuex).

看起來 Vue.JS 集 React (組件方法)和 AngularJS (由框架特色增強的html代碼模板)于一身.

前端框架類應該對 JavaScript 疲勞 負有一定責任。
看起來，每個月一個新的競爭者出現并發出自己的聲音，推動創新的步伐！

確切地說，在這個類別中，混合了兩種類別的項目

包含所有功能的全能框架,創建現代web應用(路由, 數據獲取, 狀態管理). AngularJS, Angular 2, Ember 或者 Aurelia 均屬此類別。

UI層更輕的解決方案, 如 React, Vue.JS, Inferno...

我們已經注意到Vue.JS(總體第一),讓我們看下其他的競爭者。

React 位列第二,沒有前端開發者可以忽視React和它的生態系統。

React 是如此地受歡迎，以至于它鼓舞了眾多其他庫意圖取其精華，去其糟粕，旨在提高瀏覽器的性能和構建時間。

Inferno 是這個類別中最流行的項目,它聲稱是最快的可替代React的項目。

在我們的排名中，緊跟 Inferno 之后， Preact也是一個良好的React 替代品。
它的生態系統相當成熟，例如，具有離線功能的模板、路由、模塊，以至于你可以在你的項目中使用任何你Preact項目里面的已存在的React庫。

Angular 項目分為2 個庫，因為 Angular 2重寫了Angular 1，盡管一些概念保持相同。

Angular 2 用TypeScript編寫，利用ES6 實現現代化、徹底的框架。

AngularJS是1.x的分支, 它仍然在許多項目中使用，并將在一段時間內保持流行。

值得注意的是 Ember, 盡管有強大的生態系統和社區，依然未進入前10.

如此看來, 與其選擇”開箱即用“的包含所有特征的框架，
開發者們在2016年 ，更加喜歡選擇他們自己的解決方案，”按菜單點菜“。

在2016年，使用以下解決方案創建和部署node.js應用程序從未如此簡單

Now

Webtask.io

Stdlib

像Gomix項目更是降低了Node.js的世界的門檻，
使得任何人都可以輕松地從瀏覽器中“點點點”書寫和分享node.js代碼。

那么問題來了，如果你想開發一個web程序，應該選擇哪個框架呢？

當你使用 node.js 構建Web應用開發，Express經常被考慮為事實上的web服務器。它的（一個簡單的核心，你可以使用中間件件擴展）哲學為大多數node.js 開發者所熟悉。

Koa這些接近于 Express。但它用ES6 生成器構建，避免有時被稱為回調地獄的問題。

Feathers是一種創建“面向服務”的體系結構的非常靈活的解決方案。
這是創建一個Node.js微服務不錯的選擇。

Nodal 框架的目標是無狀態和分布式服務連接到PostgreSQL數據庫。

Keystone是我所知得到一個管理客戶端運行的最佳解決方案之一 ，
目的是管理從MongoDB數據庫來的內容。
管理界面從模型自動生成，具有所有CRUD操作和友好的過濾器。

Sails是一個完整的MVC框架。
受Ruby on Rails的啟發（因此名為Sails!）.他已經問世很長時間了。
可以和任何類型的數據庫使用，SQL或no-SQL。

Loopback是一個有很多的內置功能，包括需要token驗證的權限和連接到任何數據庫的另一個成熟的框架。

他的殺手級特性是 API 探測功能，通過檢查任何用戶token的功能，以直觀的方式讓開發人員檢查所有API端點。
如果你必須構建一個API，這絕對是一個不錯的選擇。

React 是一個偉大的 UI 庫，但使用React和現代Web開發工作流工具需要大量的配置。
那么如何開始創建一個真實世界的應用程序呢？
這是 React "模板生成器" 和其他的“初學者工具包”給出的答案···

Facebook 通過提供一個輕松的叫做創建 React App方法實現需要，
這是使得啟動一個新 React 項目非常方便。

Dan Abramov （Redux的創造者，現在在Facebook工作）做了一項偉大的工作：
找到簡單和特征之間的正確平衡。
例如，沒有花哨的樣式解決方案（只是簡單的CSS），沒有服務器端渲染，
但一切都被很好的打包，開發體驗非常棒。

與其競爭者的主要區別是，如果使用Create React App，它將成為項目的依賴項，
所有的黑科技都是隱藏的，你看到的只是你的應用程序代碼。
您可以隨時升級依賴關系，它不只是一個開始。

名為React的樣板文件有您需要的一模板生成器切，
包括Redux和一些友好的離線功能，很好地利用了web工作者的技術優勢。

它讓開發人員創建名為漸進式web應用（或PWA）的Web應用程序：
使用名為Service Worker的技術運行的離線Web應用程序，
閱讀來自 Nicolás Bevacqua的這篇文章 .

Next.js由忙碌的Zeit人員創建，具有服務器端渲染特性，
可用于創建通用應用程序（或同構應用程序，如我們在2015年所說），
亦即，在代碼客戶端和服務器端用差不多的代碼運行應用程序。

JavaScript無處不在，你可以使用已知的web開發技術 (HTML, JavaScript, CSS)構建原生移動應用。

通過React Native，在同樣的代碼基礎上，你可以構建IOS和Android原生移動應用，
使用React開發人員熟悉的概念。
想了解更多關于構建IOS和Android應用，閱讀這個教程

其他解決方案,基于 Cordova,依賴Webview來渲染屏幕，并且不如原生解決方案高效。
"一次編寫，到處運行"... 開發者夢想成真了!

Ionic 是混合應用理念的先鋒，在底層，它基于Cordova來訪問移動設備功能。
它非常成熟，有著強大的生態系統。

NativeScript旨在實現與React Native相同的目標（使用Web技術構建真正的移動應用程序）。 它有兩種風格，NativeScript Core和NativeScript + Angular 2

一個在2017年密切關注的項目: Weex,
一個構建在Vue.JS之上的移動跨平臺UI框架。

我們在這里談論生成任何語言（或JavaScript的超集）的JavaScript的編譯器（或“transpilers”）。
他們將代碼轉換為瀏覽器（或node.js）可以執行的“標準JavaScript”代碼。

例如，編譯器允許開發人員使用最新版本的JavaScript（ES6）編寫代碼，而不必擔心瀏覽器支持。

最流行的轉譯器是 TypeScript,它帶給web開發者來自java和c#的靜態類型。
事實上， Angular 2使用TypeScript 增加了更多的特性。
這兒有關于在js中使用類型的利弊，閱讀這兩篇文章，提出你自己的觀點。

你也不并不需要 TypeScript

TypeScript: the missing introduction

Babel與Webpack一起，幾乎成為編譯ES5代碼和標準JavaScript中的庫（如React（JSX））所使用的模板的標準。
最初創建的編譯ES6，它成為一個更通用的工具，可以完成任何代碼轉換，感謝這個插件系統。

Flow不是一個編譯器，它只是一個靜態類型檢測工具，用來“標注”JavaScript代碼。
在代碼中使用Flow只是增加對于意料之中類型的注釋（閱讀這里更多關于使用Flow寫模塊）

它使用Facebook內部的源代碼項目，（React，React Native，Flux，Immutable，Jest等）Facebook成為開源世界的主演之一。
這意味深長。

CoffeeScript和其精簡的語法，受 Python 和Ruby 語法啟發，但它在2016年不太流行，
大量的開發者通過使用Babel從 CoffeeScript 轉移到ES6。

在 2016年,我們很難想象一個沒有任何構建過程的Web應用。
通常需要一個構建過程來編譯模板和優化資源，以便在生產環境中運行Web應用程序。

Webpack 是被用來構建單頁應用的主要工具，在React生態系統中運行，
新發布的版本2帶有一些有前途的增強功能（查看本文介紹 introduction）

Gulp Gulp是一個通用的任務運行器，可以用來處理任何形式的自動化過程包括文件系統，因此它不是Webpack或Browserify的直接競爭者。

類似于 Grunt,Gulp通過聚合工作：你可以要求它壓縮和合并一系列資源，但它不會像Webpack或Browserify那樣自己處理模塊化的JavaScript。

然而，它可以很好地與webpack，即使開發人員傾向于使用npm腳本。

Browserify,由于其簡單的特性，通常深受node.js開發者的喜愛。

基本上，它需要幾個node.js包作為輸入，并為瀏覽器生成一個單一的“構建”文件作為輸出。
但是，似乎像Webpack一樣的工具，更適合Web應用工作流。

在2017年應該關注的模塊管理器,它強調性能: rollup.

它使用ES6模塊及一個稱為”Tree shaking “功能創建bundle，
只包括您在代碼中使用到的功能，而非傳輸整個庫。

最有名的兩個測試框架是 Jasmine 和 Mocha， 但最近兩個項目在2016年有更多的吸引力: AVA 和 Jest.

AVA, 由多產的 Sindre Sorhus創建的強調性能（并行測試）和ES6。
AVA的語法接近標準測試框架，如Tape 和 Node-tap。

Jest,另一個 Facebook 項目,
在過去幾周里有很多吸引力。 在React社區眾所周知，越來越多的人轉向Jest（例如閱讀這個故事 ），

它可能成為2017年最流行的測試框架。

Jest內置了良好的mocking 功能，而其他測試框架通常依賴于[Sinon.JS]（http://sinonjs.org/）這樣的庫。

關于 IDE ，值得一提的是，最流行的兩個IDE是使用Web技術開發的開源項目。

在我們的調查結果中，微軟以Visual Studio Code帶路。

它提供了關于 TypeScript 和 node.js的良好整合.
一些開發人員提到開發速度的提升，感謝IntelliSense功能的改進(整合了高亮和自動完成).

微軟和開源在同一句話里出現，沒毛病！

Atom, 由Github推出，
利用 Electron 創建（類似于其它的桌面應用，包括桌面客戶端），并不亞于Visual Stdio Code。

關于 Atom 有趣的事實是: 它主要的語言是 CoffeeScript!

靜態網站生成器是生成一系列.html, .css 和 JavaScript文件的工具，
您可以在任何簡單的web服務器（Apache或NGNX）上部署，而不用大驚小怪，或者設置數據庫或任何web框架。
正如比爾蓋茨所說：

Build sites like it"s 1995

靜態網站快速，強大，易于維護。

SSG非常受歡迎，因為有很多很好的免費解決方案解決靜態網站：

Github pages

Gitlab pages

Netlify

Surge

Now static

在2016年，利用node.js構建的最流行的SSG就是Hexo，它是個一站式SSG，
接近于像Wordpress這樣的CMS系統，
他有很多功能，包括國際化插件。

新出的Gatsby是一個非常有趣的解決方案，它因為使用React生態系統來生成靜態html文件，從競爭對手脫穎而出。
事實上，您可以組合React組件，Markdown文件和服務器端渲染，這使它非常強大。

盡管 JavaScript 疲勞? 和 戲劇事件 (還記得 "leftpad gate"),
隨著如 Vue.JS 和 React Native項目的崛起，
以及新項目如 Yarn 或Create React App.
對社區而言，2016是一個偉大的年份,
我們一直在談論2016年Github上的項目，但是更重要的是是開發者的滿意度。
那么，如果你想了解更多，請看Sacha Greif的JavaScript現狀調查，
我們已經收集了超過9,000份答卷。

是時候考慮2017年的后起之秀在哪里了?

以下是我精選的10個項目，在2016年我喜歡這些項目和觀點，2017年將保持增長：

vue.js勢頭將不會停止：

Electron

Create React App

React Native

Gatsby (用于構建這個頁面！)

Yarn:一種快速、可靠和安全的依賴包，可以代替NPM、可在這兒查閱node.js包管理工具的狀態

“漸進式web應用”概念

Node.js的“微服務”解決方案，能夠更好實現部署，例如Now

Node.js的升級：最新一版對ES6語法有很好的支持

壓軸的是graphql：我的朋友告訴我，可能要搞個大新聞！