澳门新葡萄京官网注册 22

2016 年 JavaScript 领域中最受欢迎的“明星”们

JS.OENCOREG通过相比较过去10个月里,在Github上平添的星标数,告诉您二零一五年的大方向。

因个体精力有限,暂停简书的掩护,招待我们关切小编的今日头条https://www.zhihu.com/people/wei-wei-24-86-36/activities,会随处共享前端、Web开采相关作品

在二零一六年,React是社区之王,Redux在与Flux的战火中胜利。那么,谁是二〇一五年的JavaScript的流行?

Wechat原作:2014年JavaScript领域中最受迎接的“歌唱家”们

以下图表比较了Github在过去十二个月首追加的星标数量。JS.OGL450G解析了bestof.js.org的体系,那是多个与互连网平台相关的特级项指标选用列表。

JavaScript社区的演变正如盛壮之时的骐骥,—日而驰千里,趋势如后起之秀超越前辈。

一. 二零一六年最受迎接的种类

澳门新葡萄京官网注册 1

概述

通过一年中最销路广的十贰个项目,因此可以很好地掌握2014年的Web开垦情状,因为您会发现:

  • 3个UI框架:Vue.JS、React、Angular
    2
  • 新的node.js包微电脑:Yarn
  • 塑造桌面应用程序的当先应用方案:Electron
  • 高效运转新的React项目标缓和方案:Craste React
    App
  • 运动框架:React Native
  • 最闻明的CSS工具包:Bootstrap
  • 依靠函数概念的情况管理库:Redux
  • 强硬灵活的图形库:D3

如上表现了二〇一六年中,JavaScript表现出了无处不在,功能各样的风味。

而二〇一六年的王者是……

Vue.JS花色在前一年的Github上获得了当先25,000颗星标,将饱含React和Angular的其余框架甩在身后,一骑绝尘。

四月公布的Veu.JS的版本2,带来了设想DOM的性质。

Vue.JS用于大商家(包罗Alibaba,中国最大的电商集团)的分娩,所以您可以以为它是贰个安全的筛选。

它曾经有一个极其干练的生态系统,包蕴路由(vue-router)和处境管理库(Vuex)。

看来Vue.JS接收了最佳的React(组件方法)和AngularJS(模板是html代码巩固的框架本性)。

二零一五年已经离世,2017的劳作早已拉开,你是还是不是会担忧遗失一些重大的东西?无须顾虑,JS.ORG新近共享了一篇博文:https://risingstars2016.js.org,为大家回顾了二〇一八年主要的大方向。

二. 前端框架

澳门新葡萄京官网注册 2

前端框架类大概是二〇一六年JavaScript最累的三个牌行榜,差十分的少每一个月都会情不自禁四个竞争者,可是,那推进了履新的步子。

偏巧地说,在此个类别中掺杂了二种等级次序的体系:

  • 完全的框架满含了独具机能,能够创设四个今世的Web应用程序(路由、数据提取、状态管理)。AngularJS、Angular
    2、Ember或Aurelia都归属这一类。
  • 更轻量级的缓慢解决方案潜心于UI层,如React、Vue.JS、Inferno……

大家已经涉及了整机排行第一的Vue.JS,让我们看看别的竞争者。

React及其竞争者

React总体排名第二,前端开采者未有哪个人能够忽视React及其丰硕的生态系统。

React如此受招待,它激情了大多别的库,意在选取最棒的React,未有丰腴,提升在浏览器的属性和塑造时间。

Inferno是那一个类型中最受应接的门类,它声称是React最快的代替品。

在大家的排名中,紧跟Inferno之后,Preact也是React的二个准确的代替品。它的生态系统是异常老练的,比方有贰个具有离线效率的Bolierplates、路由、Compat模块,以便你能够选用Preact项目中的任何现成React库。

Angular 1和2

Angular项目已经拆分为2个存款和储蓄库,因为Angular 2是Angular
1的通通重写,纵然一些定义保持不改变。

Angular 2是用TypeScript编写的,而且动用ES6提供三个今世和根本的框架。

AngularJS项目是1.x的支行,它在无数品类中依旧使用,并将世袭流行一段时间。

值得说的是,Ember即便全数宏大的生态系统,但它的社区并不在前十名。

故此看起来,与其采纳“开箱即用”的保有机能的完整框架,贰零壹肆年开拓商更赞成轻量级的方案,并赏识组成和煦的方案——“点菜”。

在二〇一六年调味的更轻的情势,并更赏识组成协调的化解方案“点菜”。

前端之巅翻译并整合治理了那篇博文,以飨读者。

三. Node.js框架

澳门新葡萄京官网注册 3

2014年,使用以下施工方案创立和布署node.js应用程序从未如此轻易:

  • Now
  • Webtask.io
  • Stdlib

像Gomix那样的类型照旧下落了node.js世界的妙法,使得任哪个人都足以在浏览器中轻便点击几下来编排和分享 node.js代码。

澳门新葡萄京官网注册,借令你必需营造贰个web应用程序,你会接纳哪位框架?

JS.ORubiconG通过比较过去拾二个月里,在Github上追加的星标数,告诉你二零一四年的趋向。

Express

当你使用node.js创设Web应用程序时,Express经常被视为事实上的Web服务器。它的管理学(一个足以利用中间件包扩张的简约为主)是绝大许多node.js开辟职员纯熟的。

在2015年,React是社区之王,Redux在与Flux的战事中获胜。那么,谁是2014年的JavaScript的新星?

Koa

Koa的历史学临近Express,但它是接受ES6生成器,以幸免偶发被喻为回调鬼世界的主题材料。

以下图表相比较了Github在过去13个月初增加的星标数量。JS.O福睿斯G分析了bestof.js.org的档案的次序,那是七个与网络平台相关的一流项目标筛选列表。

Feathers

Feathers是贰个特别灵活的解决方案,创制一个“面向服务”的布局,它是多个很好的符合创设node.js微服务。

一. 贰零壹陆年最受应接的等级次序

Nodal

Nodal框架以指标无状态和布满式服务连接到PostgreSQL数据库。

概述

澳门新葡萄京官网注册 4

Snip20170204_1.png

因而一年中最看好的13个等级次序,由此能够很好地打听二零一四年的Web开采条件,因为您会开掘:

  • 3个UI框架:Vue.JS、React、Angular
    2

  • 新的Node.js包微处理机:Yarn

  • 创设桌面应用程序的抢先施工方案:Electron

  • 快快运维新的React项指标解决方案:Craste React
    App

  • 挪动框架:React
    Native

  • 最闻名的CSS工具包:Bootstrap

  • 听说函数概念的图景管理库:Redux

  • 无敌灵活的图样库:D3

以上海展览中心现了二零一六年中,JavaScript表现出了无处不在,作用各样的表征。

Keystone

Keystone是自家所知取得三个管理顾客端并运转得最佳的消除方案之一,以便管理来自MongoDB数据库的原委。管理界面自动从模型生成,具有全数CRUD操作和精巧的过滤器。

二零一五年的王者

Vue.JS项目在二零一八年的GitHub上获取了超出25,000颗星标,将席卷React和Angular的任何框架甩在身后,一骑绝尘。

1月宣布的Veu.JS的版本2,带给了虚构DOM的习性。

Vue.JS用以大集团(包含阿里Baba(Alibaba卡塔尔国,中夏族民共和国最大的电商集团)的坐蓐,所以你能够感到它是三个枯木逢春的选取。

它早就有三个一定老练的生态系统,包涵路由(vue-router)和景色管理库(Vuex)。

看来Vue.JS应用了最佳的React(组件方法)和AngularJS(模板是HTML代码巩固的框架个性)。

Sails

Sails是叁个完好的MVC框架,受Ruby
on
Rails的开导(由此名称叫Sails!)。它已经存在了不短日子。它能够与其他项目标数据库(SQL或无SQL)优秀职业。

二. 前端框架

澳门新葡萄京官网注册 5

Snip20170204_2.png

“前端框架”这一分拣只怕是二零一四年JavaScript最累的三个牌行榜,差不离各种月都会现身多少个逐鹿者,但是,这有帮助了更新的步伐。

刚好地说,在此个连串中混杂了两种类型的类别:

  • 完整的框架包涵了独具功用,能够创造贰个现代的Web应用程序(路由、数据提取、状态管理)。AngularJS、Angular
    2、Ember或Aurelia都归属这一类。

  • 更轻量级的减轻方案潜心于UI层,如React、Vue.JS、Inferno,等等。

大家曾经关系了一体化排行第一的Vue.JS,让大家看看别的竞争者。

Loopback

Loopback是另一个早熟的框架,内置好多函数,包含运用令牌和到其余项目标数据库的连接器的证实。

它的杀手级功效是API浏览器功效,允许开荒职员以直观的点子检查有着API端点,并能检查任何顾客的令牌。固然您必需营造贰个API,那相对是二个对的的抉择。

React及其竞争者

React完全排行第二,前端开拓者未有哪个人能够忽视React及其丰裕的生态系统。

React那样受款待,它刺激了累累任何库,意在采纳最佳的React,未有肥胖,提升在浏览器的特性和塑造时间。

Inferno是那几个体系中最受应接的连串,它声称是React最快的代替品。

在我们的排行中,紧跟Inferno之后,Preact也是React的贰个不错的代替品。它的生态系统是一对一老练的,举例有二个全部离线功用的Bolierplates、路由、Compat模块,以便你可以选拔Preact项目中的任何现存React库。

四. React Boilerplates

澳门新葡萄京官网注册 6

React是贰个宏大的UI库,但使用React和今世Web开辟工作流工具要求大量的布署。那么哪些发轫创办叁个应用程序呢?

那是React的“Boilerplates”和别的“Starter Kits”提供的答案:

Angular 1和Angular 2

Angular项目曾经拆分为2个存款和储蓄库,因为Angular 2是Angular
1的一丝一毫重写,就算一些概念保持不改变。

Angular
2是用TypeScript编写的,并且应用ES6提供四个今世和根本的框架。

AngularJS品种是1.x的道岔,它在不菲类型中照旧接受,并将三回九转流行一段时间。

值得提的是,Ember虽说有着宏大的生态系统,但它的社区并不在前十名。

所以看起来,与其选用“开箱即用”的装有机能的欧洲经济共同体框架,二〇一四年开辟商更趋势轻量级的方案,并钟爱组成和煦的方案——“点菜”。

在贰零壹陆年调味的更轻的艺术,并更赏识组成和谐的技术方案“点菜”。

Create React App

推特(TWTR.US卡塔尔(قطر‎通过提供二个可以称作Create React
App的轻量级方法来解决这几个必要,这是叁个拾壹分方便的启航一个新的React项目。

Dan
Abramov(Redux的创制者,以往为推特职业)做了叁个庞大的专业,在简单性和法力找到了不易的平衡点。举个例子,未有花哨的体制建设方案(只是轻便的CSS),未有服务器端渲染,然则具有的整整,都很好地打包了,开采职员的体验非常的棒。

与其竞争者的珍视差距是,倘若接纳Create React
App,它将改成门类的依赖性项,全体的法力是隐蔽的,你看看的只是您的应用程序代码。您能够任何时候进级注重关系,它并非只是贰个起源。

三. Node.js框架

澳门新葡萄京官网注册 7

Snip20170204_3.png

贰零壹肆年,使用以下技术方案创制和构造node.js应用程序从未如此回顾:

  • Now

  • Webtask.io

  • Stdlib

像Gomix那般的档案的次序依然下降了Node.js世界的路子,使得任何人都能够在浏览器中轻轻巧松点击几下来编写共享
Node.js代码。

借使你必须构建二个Web应用程序,你会选择哪位框架?

React boilerplate

命名字为React
boilerplate具备您须求的所有的事,饱含Redux和局地地道的离线功能,利用web
workers本领。

它让开采职员成立所谓的渐进式Web应用程序(Progressive Web
Applications,PWA):离线运营的Web应用程序,使用一种名称叫瑟维斯Worker的手艺,请阅读NicolásBevacqua的那篇文章。

Express

当你使用node.js营造Web应用程序时,Express普通被视为事实上的Web服务器。它的文学(七个方可采取中间件包扩展的简短为主)是好多node.js开辟人士熟谙的。

Next.js

Next.js由Zeit创设,具备可用来成立通用应用程序的服务器端突显效果(或同构应用程序,如大家在二〇一五年所说),也正是说客商端和劳动器端运营的应用程序使用相符代码。

Koa

Koa的医学贴近Express,但它是应用ES6生成器,以免止偶发被称为回调地狱的主题素材。

五. Mobile

澳门新葡萄京官网注册 8

JavaScript无处不在,你可以运用本领Web开辟人士已知的其余才干(HTML、JavaScript、CSS)塑造移动应用程序。

Feathers

Feathers是叁个非常灵活的缓和方案,创设一个“面向服务”的结构,它是一个很好的合乎创造node.js微服务。

React Native

接收React
Native,你可以从相像的代码库使用React开垦人士熟识的定义营造iOS和Android真正的原生移动应用程序。要询问有关营造iOS和Android应用程序的越来越多音讯,请阅读这本教程。

其它依据Cordova的缓和方案,依附Webview来渲染显示器,并且比不上原生施工方案那么快速。
“贰次编写,四处运维”,那是开采职员的梦想成真!

Nodal

Nodal框架以目的无状态和布满式服务连接到PostgreSQL数据库。

Ionic

Ionic是“混合”应用程序概念的四驱。在后台北,它依照Cordova访谈活动设备效用。那是二个十二分干练的巨型生态系统。

Keystone

Keystone是自家所知得到二个拘系顾客端并运维得最佳的缓慢解决方案之一,以便管理来自MongoDB数据库的内容。管理分界面自动从模型生成,具备全数CRUD操作和精致的过滤器。

NativeScript

NativeScript目的在于得以实现与React
Native相符的对象(使用Web技巧构建真正的移位应用程序)。它有两各个风格:NativeScript
Core和NativeScript + Angular 2。

前瞻

在2017年精心关心的三个等级次序:Weex,多个营造在Vue.JS以上的位移跨平台UI框架。

Sails

Sails是三个整机的MVC框架,受Ruby
on
Rails的启示(因而名称叫Sails!)。它已经存在了十分短日子。它能够与任何项指标数据库(SQL或无SQL)优秀工作。

六. 编译器

澳门新葡萄京官网注册 9

我们在这里处评论生成任何语言(或JavaScript的别的变体)的JavaScript的编写翻译器(或“transpilers”)。它们将代码转变为浏览器(或node.js)可以执行的“规范JavaScript”代码。

比如,编译器允许开拓职员使用最新版本的JavaScript(ES6)编写代码,而无须忧虑浏览器的支撑。

Loopback

Loopback是另二个成熟的框架,内置大多函数,包涵运用令牌和到任何类型的数据库的连接器的说明。

它的剑客级功效是API浏览器功用,允许开辟职员以直观的艺术检查有着API端点,并能检查任何顾客的令牌。借令你必需塑造二个API,那相对是二个不易的取舍。

TypeScript

最新颖的转变器是TypeScript,它为Web开采人士提供了Java和C#开荒人士使用的静态类型。事实上,Angular
2行使TypeScript扩展了更加的多的牵重力。在JavaScript中动用处目有优劣点,阅读这一个作品,使您本身的观念:

  • 你恐怕不须要TypeScript
  • TypeScript:缺点和失误的牵线

四. React Boilerplates

澳门新葡萄京官网注册 10

Snip20170204_4.png

React是叁个光辉的UI库,但使用React和今世Web开辟职业流工具须要大批量的布局。那么哪些早前创办二个应用程序呢?

那是React的“Boilerplates”和其他“Starter Kits”提供的答案:

Babel

Babel与Webpack一同,大概造成编写翻译ES5代码和规范JavaScript中的库(如React(JSX))使用的模板的正规化。最先创设用于编写翻译ES6,它形成一个更通用的工具,能够形成此外轮代理公司码调换,拜一个系统的插件所赐。

Create React App

推特通过提供三个誉为Create React
App的轻量级方法来淹没这几个必要,那是三个不行方便的运维四个新的React项目。

Dan
Abramov(Redux的创立者,未来为推特职业)做了叁个英豪的干活,在轻便性和效率找到了不易的平衡点。比方,没有花哨的体裁施工方案(只是简短的CSS),未有服务器端渲染,不过富有的一体,都很好地打包了,开采职员的体会好厉害。

与其竞争者的要害分化是,假设利用Create React
App,它将形成门类的信赖项,全数的法力是藏身的,你看来的只是你的应用程序代码。您能够每一天进级依赖关系,它不用只是二个源点。

Flow

Flow不是三个编写翻译器,它是一个用以“注释”JavaScript代码的静态类型检查器。基本上在代码库中选拔Flow意味着增加注释来陈诉期望的门类(点阅读更多了然使用Flow编写模块)。

它在脸谱项目标代码源内使用。因为Twitter成为开源世界的关键剧中人物之一(像React、React
Native、Flux、Immutable、Jest等品种),那意味着超多。

React boilerplate

命名为React
boilerplate享有您需求的全体,包含Redux和一部分美不可言的离线作用,利用web
workers手艺。

它让开辟职员创制所谓的渐进式Web应用程序(Progressive Web
Applications,PWA):离线运营的Web应用程序,使用一种名字为ServiceWorker的本领,请阅读NicolásBevacqua的稿子。

CoffeeScript

多年来,CoffeeScript由于其简要语法(灵感来源Python和Ruby语法),成为最受招待的编写翻译器,但它在二零一五年不太流行,相当多开垦人士从CoffeeScript迁移到ES6与Babel。

Next.js

Next.js由Zeit创制,拥有可用以成立通用应用程序的劳动器端突显效果(或同构应用程序,如大家在二零一六年所说),也正是说顾客端和劳务器端运转的应用程序使用同一代码。

七. 营造筑工程具

澳门新葡萄京官网注册 11

在二零一五年,很难想象贰个不曾别的构建进程的Web应用程序。经常必要叁个营造进程来编写翻译模板和优化能源,以便在生养情形中运行Web应用程序。

五. Mobile

澳门新葡萄京官网注册 12

Snip20170204_5.png

JavaScript无处不在,你可以动用手艺Web开垦职员已知的此外技巧(HTML、JavaScript、CSS)创设移动应用程序。

Webpack

Webpack是用于营造单页应用程序的注重工具,它与React生态系统一同利用。新宣布的版本2带来了有个别激动的巩固成效(查看那份介绍)。

React Native

利用React
Native,你能够从相似的代码库使用React开采人士熟稔的定义营造iOS和Android真正的原生移步应用程序。要明白有关创设iOS和Android应用程序的更加多音信,请阅读这本教程。

其余依照Cordova的实施方案,依赖WebView来渲染显示器,并且不及原生建设方案那么高效。
“二次编写,随地运行”,那是开荒人士的梦想成真!

Gulp

Gulp是多少个通用的天职运维器,能够用来涉及文件系统的别的类型的全自动进度,因而它不是Webpack或Browserify的直白竞争者。

像Grunt一律,居尔p通过聚合职业:你可以供给它缩短和连接财富列表,然而它不会像Webpack或Browserify那么管理模块化JavaScript本人。

只是,它能够很好地与webpack一齐专门的工作,即便开荒人士趋向于接收npm脚本。

Ionic

Ionic是“混合”应用程序概念的前人。在后新竹,它依据Cordova访谈活动器具效用。那是一个老大干练的重型生态系统。

Browserify

Browserify由于其不难性,受到了node.js开垦人士心爱。

只怕,它需求多少个node.js包作为输入,并为浏览器生成叁个十足的“塑造”文件作为出口。不过有如四个更有观点的工具像Webpack是三个越来越好地顺应Web应用程序职业流。

前瞻

前年的模块捆绑包,重申质量:汇总(rollup)。

它使用ES6模块与多个叫作树摇摆(Tree
shaking)作用创造捆绑包,只富含你在代码中使用的效果,并不是搬运完整的库。

NativeScript

NativeScript意志力达成与React
Native一律的对象(使用Web技艺塑造真正的移动应用程序)。它有两各个风格:NativeScript
Core和NativeScript + Angular 2。

八. 测量试验框架

澳门新葡萄京官网注册 13

最知名的多个测验框架是Jasmine和Mocha,但多年来的四个连串在二〇一五年有越来越多的牵重力:AVA和Jest。

前瞻

在前年精心关心的一个门类:Weex,三个营造在Vue.JS上述的运动跨平台UI框架。

AVA

AVA,由多产的Sindre
Sorhus创立的重申质量(并行测量检验)和ES6。
AVA的语法周边规范测量检验框架,如Tape和Node-tap。

六. Compilers

澳门新葡萄京官网注册 14

Snip20170204_6.png

小编们在此边议论生成任何语言(或JavaScript的别的变体)的JavaScript的编写翻译器(或“transpilers”)。它们将代码转换为浏览器(或Node.js)能够施行的“标准JavaScript”代码。

比方,编写翻译器允许开垦人士使用新型版本的JavaScript(ES6)编写代码,而无须忧虑浏览器的支撑。

Jest

Jest,另贰个推特项目,在过去的几周里得到了超级大的牵重力。它在React社区中是鲜明的,更多的人转账Jest(阅读那篇轶闻来掌握),它也许成为前年最流行的测量检验框架。

Jest有停放的能够的模拟工夫,而任何测量检验框架经常重视于像Sinon.JS诸有此类的库。

TypeScript

最风靡的转变器是TypeScript,它为Web开拓人士提供了Java和C#开辟人士使用的静态类型。事实上,Angular
2动用TypeScript扩展了越来越多的牵重力。在JavaScript中接受项目有利害,阅读那么些作品,使你和睦的思想:

  • 你恐怕不须求TypeScript:https://medium.com/javascript-scene/you-might-not-need-typescript-or-static-types-aa7cb670a77b#.1pn05vlis

  • TypeScript:缺点和失误的牵线:https://toddmotto.com/typescript-the-missing-introduction

九. IDE

澳门新葡萄京官网注册 15

关于IDE(Integrated Development
Environment,集成开采条件),值得一说的是,三个最盛行的IDE是选用Web技艺开辟的开源项目。

Babel

Babel与Webpack一齐,大约变成编写翻译ES5代码和规范JavaScript中的库(如React(JSX))使用的模版的行业内部。最早创制用于编写翻译ES6,它产生一个更通用的工具,能够完毕其他代码调换,拜二个种类的插件所赐。

Visual Studio Code

在大家的结果中,Microsoft凭仗Visual Studio
Code远远超过。

它提供了叁个与TypeScript和node.js的很好的合一。一些开拓人士提到有关开辟进程,很感激英特尔liSense成效(高亮和活动达成的交集)。

在同一句话中涉及“开源”和“微软”不再冲突了!

Flow

Flow不是三个编写翻译器,它是三个用来“注释”JavaScript代码的静态类型检查器。基本上在代码库中利用Flow意味着增多注释来汇报期待的体系(点阅读越来越多询问使用Flow编写模块)。

它在推特项指标代码源内使用。因为推特(Twitter卡塔尔成为开源世界的最重重要剧中人物色之一(像React、React
Native、Flux、Immutable、Jest等项目),那代表比相当多。

Atom

Atom是由Github推动的、并且由Electron营造(像别的部分桌面应用程序,包蕴Slack桌面顾客端),并不是远远滞后Visual
Studio Code。关于Atom的二个有趣的实际意况:它的第一语言是CoffeeScript!

CoffeeScript

多年来,CoffeeScript鉴于其简要语法(灵感来自Python和Ruby语法),成为最受接待的编写翻译器,但它在二〇一四年不太流行,相当多开垦职员从CoffeeScript迁移到ES6与Babel。

十. 静态网址生成器

澳门新葡萄京官网注册 16

静态网址生成器(Static site
generators,SSG)是生成一连串.html、.css和JavaScript文件的工具,您能够在其它轻巧的Web服务器(Apache或NGNX)上配置,而不用小题大作,大概设置数据库或其余网络框架。正如Gatsby网址所说:

就像是1991年那么创设网址。

静态网址有着神速性、鲁棒性和易维护性。

SSG非常受款待,因为有众多很好的建设方案来主持静态网址无需付费:

  • Github pages
  • Gitlab pages
  • Netlify
  • Surge
  • Now static

七. Build Tools

澳门新葡萄京官网注册 17

Snip20170204_7.png

在二〇一五年,很难想象多少个平素不别的创设进度的Web应用程序。平时要求四个塑造进度来编写翻译模板和优化能源,以便在生养情形中运行Web应用程序。

Hexo

在二零一五年,使用node.js构建的最盛行的SSG是Hexo。它是三个绝望的SSG,接近CMS系统,可用以创设叁个博客,如Wordpress。它有不胜枚举意义,包涵国际化插件。

Webpack

Webpack是用以营造单页应用程序的要害工具,它与React生态系统一齐使用。新发表的本子2拉动了有的催人奋进的巩固作用(查看那份介绍)。

Gatsby

新来的Gatsby是二个不行幽默的化解方案,它从角逐对手锋芒逼人,因为它选用React生态系统来变化静态html文件。事实上,您能够结合React组件,Markdown文件和服务器端渲染使它不行有力。

Gulp

Gulp是一个通用的职务运营器,能够用于涉及文件系统的其它类型的机动进程,因此它不是Webpack或Browserify的一贯竞争者。

像Grunt一律,Gulp通过集合职业:你能够需求它收缩和三番两次财富列表,可是它不会像Webpack或Browserify那样管理模块化JavaScript自个儿。

而是,它能够很好地与webpack一齐职业,固然开辟人士倾向于采纳npm脚本。

总结

固然存在JavaScript疲劳™和戏剧(记住“左键门”),但对于社区来说,随着像Vue.JS和React
Native项指标兴起,以致像Yarn或Creat
React
App的新类型,二〇一六年依然不啻为多少个有才能的人的年份。

笔者们直接在座谈的花色,二零一五年在Github获得了吸晴,但的确关键的是开拓者的满足度。所以,假如你想要贰个更定性的格局,上Sacha
Greif查看JavaScript检察的结果,它采摘了超越9,000的上报。

以下是自家的年度十公投项,代表了在2015年自己所心爱的种类和处心积虑,将要二〇一七年反复增高:

  • Vue.JS:势头刚劲,不会停下
  • Electron
  • Create React
    App
  • React Native
  • Gatsby
  • Yarn:
    叁个急忙,可相信和广元的信赖管理,可以代替npm,点此处刺探node.js包微处理器的气象
  • 渐进式Web应用程序
  • Node.js微服务使用像Now如此的托管应用方案十分轻松计划
  • Node.js的嬗变:最新版本对ES6语法提供不错的扶助
  • 还会有叁个精选是GraphQL:据作者领悟,GraphQL将有大动作

Browserify

Browserify鉴于其轻易性,受到了node.js开采职员心爱。

或许,它供给多少个node.js包作为输入,并为浏览器生成一个纯粹的“创设”文件作为出口。但是好似多少个更有思想的工具像Webpack是四个越来越好地顺应Web应用程序专门的学业流。

前瞻

前年的模块捆绑包,着重提出质量:汇总(rollup)。

它采纳ES6模块与三个叫作树摇曳(Tree
shaking)作用创设捆绑包,只包蕴你在代码中使用的坚守,而不是搬运完整的库。

八. Testing Frameworks

澳门新葡萄京官网注册 18

Snip20170204_8.png

最著名的三个测验框架是Jasmine和Mocha,但前段时间的多个等级次序在2015年有越多的牵引力:AVA和Jest。

AVA

AVA,由多产的Sindre
Sorhus成立的强调质量(并行测量检验)和ES6。
AVA的语法接近规范测验框架,如Tape和Node-tap。

Jest

Jest,另四个Facebook项目,在过去的几周里获取了十分大的牵重力。它在React社区中是不言自明标,越多的人转账Jest(阅读那篇传说来打探),它可能成为前年最盛行的测验框架。

Jest有内置的卓绝的模拟才干,而其他测量试验框架平常重视于像Sinon.JS诸如此比的库。

九. IDE

澳门新葡萄京官网注册 19

Snip20170204_9.png

有关IDE(Integrated Development
Environment,集成开拓条件),值得一说的是,多个最风靡的IDE是行使Web本领开采的开源项目。

Visual Studio Code

在我们的结果中,Microsoft借助Visual Studio
Code不以千里为远当先。

它提供了叁个与TypeScript和node.js的很好的合一。一些开采人士提到关于开垦速度,非常多谢AMDliSense效能(高亮和机关实现的插花)。

在同样句话中关系“开源”和“微软”不再冲突了!

Atom

Atom是由Github推动的、并且由Electron构建(像任何一些桌面应用程序,包涵Slack桌面顾客端),并不是远远落后Visual
Studio
Code。关于Atom的一个有趣的实际景况:它的要紧语言是CoffeeScript!

十. Static Site Generators

澳门新葡萄京官网注册 20

Snip20170204_10.png

静态网址生成器(Static site
generators,SSG)是生成一层层HTML、.CSS和JavaScript文件的工具,您能够在别的轻松的Web服务器(Apache或NGNX)上计划,而无需如临大敌,大概安装数据库或别的网络框架。正如Gatsby网址所说:

就好像1994年那样创建网址。

静态网址有着快捷性、鲁棒性和易维护性。

SSG异常受应接,因为有无数很好的应用方案来领头静态网址免费:

  • Github pages

  • Gitlab pages

  • Netlify

  • Surge

  • Now
    static

Hexo

在二〇一五年,使用node.js构建的最盛行的SSG是Hexo。它是三个干净的SSG,周边CMS系统,可用以创设八个博客,如Wordpress。它有为数不菲职能,包含国际化插件。

Gatsby

新来的Gatsby是一个那多少个有趣的实施方案,它从角逐对手脱颖而出,因为它利用React生态系统来变化静态html文件。事实上,您能够整合React组件,Markdown文件和劳务器端渲染使它特别强盛。

2016 总结

就算存在JavaScript疲劳™和戏剧(记住“左键门”),但对此社区来说,随着像Vue.JS和React
Native项目标兴起,以致像Yarn或Creat
React
App的新类型,二〇一六年依然不啻为二个宏大的年份。

我们直接在斟酌的品类,二〇一四年在GitHub获得了吸晴,但确实重要的是开拓者的知足度。所以,假使您想要八个更定性的艺术,上Sacha
Greif查看JavaScript检察的结果,它收罗了超越9,000的上报。


以下是JS.O翼虎G的年份十选举项,以致JS.O凯雷德G的主张:

  • Vue.JS:倾向刚劲,不会停下

  • Electron

  • Create React
    App

  • React
    Native

  • Gatsby

  • Yarn:
    三个快速,可信赖和安全的依据管理,能够替代npm,点此处打听Node.js包微型机的情状。

  • 渐进式Web应用程序。

  • Node.js微服务使用像Now那样的托管建设方案十分轻易陈设。

  • Node.js的演化:最新版本对ES6语法提供精美的支撑。

  • 还可能有一个取舍是GraphQL:据JS.OMuranoG理解,GraphQL将有大动作。

<recommend
image=””
title=”香菇街前后端分离实行”
link=”;

视界拓宽

QCon是由InfoQ主办的大地头号技巧盛会,每一年在London、法国巴黎、日本东京、London、华沙、东京、布宜诺斯艾利斯进行。扫描下图二维码,领悟越来越多音信。

澳门新葡萄京官网注册 21

QCon北京2017将于4月16日~二十二十九日在京都·国家会议大旨举行,专心设计了支撑海量业务的互连网布局、大面积网关系统、微服务推行、飞速腾飞的容器生态、智能化运维、互连网广告系统推行、大额实时总计与流管理和经济科技(science and technologyState of Qatar转型与前程等30来个专项论题,包涵布局、大数量、云总括、移动、前端、人工智能等叫座领域,将特邀来自谷歌、推特(TwitterState of Qatar、Alibaba、Tencent、百度、美团点评、优酷马铃薯等一级网络厂商的技能术专科学校家,分享才干领域最新成果。敬请期望。

前端之巅

「前端之巅」是InfoQ旗下关切前端技艺的垂直社群,投稿请发邮件到editors@cn.infoq.com,表明“前端之巅投稿”。

澳门新葡萄京官网注册 22

发表评论

电子邮件地址不会被公开。 必填项已用*标注