框架回顾,后端框架
分类:前端技术

二〇一七年 JavaScript 框架回想 — 后端框架

2018/01/30 · JavaScript · 框架

原稿出处: Laurie Voss   译文出处:葡萄城控件   

本文是二零一七年 JavaScript 框架回看种类的最后的生龙活虎篇文章,紧要介绍 JavaScript 的后端框架景况。

图片 1

从上海体育场地中得以看看,Express 作为用 JavaScript 编写的后端服务的主流技术方案,占据了后端框架使用率的多边,其次的多少个最大框架相比较于 Express 来讲,占用率都非常小。

图片 2

到目前结束,大家所商酌的差不离全部框架的断然使用量都在任何时间任何位置扩张。自二零一二年来说,Express 的使用率已经增进了6000%。之所以 Express 的6000%增高在首先张图中展现成猛跌的情状,是因为在同有的时候候内,总的 npm registry 拉长了67,000%。也正是说,JavaScript 社区正在以编制程序语言史上划时期的速度增进。

 

本文是2017年JavaScript 框架回看体系的末梢的生龙活虎篇小说,主要介绍 JavaScript 的后端框架景况。

事先我们电视发表了 npm 2018 年的首先个 JavaScript 现状报告的首先局地和第二片段,分别解析了前面一个框架的现状和 React 生态系统。

因个人精力有限,暂停简书的护卫,款待我们关怀作者的网易https://www.zhihu.com/people/wei-wei-24-86-36/activities,会四处分享前端、Web开采相关文章

npm 的前端选择正在爆炸式拉长

这两天,大概83%的 npm 开垦职员正在编辑运营在前端的 JavaScript,而唯有41%的人正在为后端编写代码(前后端开拓者有肥胖的有的卡塔 尔(英语:State of Qatar)。前后端开拓职员的百分比为约为2:1,那也注脚npm 社区的前程在于前者的支付和工具成立。

接下去我们查阅别的的后端框架。

 

图片 3

前几天,大家将报纸发表第三有的,对后端框架的现状进行解读。

Wechat原来的书文:二〇一六年JavaScript领域中最受应接的“歌手”们

其余后端框架

下边是除 Express 之外的四个最大的后端框架,分别为:

  • Koa
  • Hapi
  • Sails
  • Next

 

从上海教室中能够看见,Express 作为用 JavaScript 编写的后端服务的主流应用方案,攻陷了后端框架使用率的多方,其次的多个最大框架相比于 Express 来讲,占用率都十分的小。

首要后端框架

JavaScript社区的腾飞正如盛壮之时的骐骥,—日而驰千里,趋势如青出于蓝。

koa

图片 4

藤黄代表的是 koa 的周旋使用率情状。Koa 是 Express 的开荒职员使用后生可畏套更连贯的设计规范编制的,目的在于创设三个更加小、更富表现力相同的时间也更健康的 Web 框架。纵然 Koa 具有不低的使用量,但其增速还不是相当慢。

 

图片 5

图片 6

二〇一四年早就寿终正寝,2017的做事早就拉开,你是或不是会忧虑错失一些珍视的事物?无须担忧,JS.ORG近年分享了生机勃勃篇博文:https://risingstars2016.js.org,为我们回看了2018年第黄金年代的大势。

Hapi

图片 7

Hapi 是三个用来构建利用和劳务的增进框架,Hapi 使得开采者更当心于编写可复用的应用逻辑,而不用把日子花费在功底设备的搭建上。20十一周岁末,Hapi 有一个短间隔赛跑的全盛时代,可是之后现在,Hapi 的使用率就直接处在下跌状态。

 

到近日停止,大家所切磋的差非常的少具有框架的相对化使用量都在持续追加。自二〇一三年的话,Express 的使用率已经升高了6000%。之所以 Express 的6000%加强在第一张图中展现成猛跌的状态,是因为在同期内,总的 npm registry 拉长了67,000%。约等于说,JavaScript 社区正值以编程语言史上前所未有的进度提升。

后端框架中,变化比较显然的是 Express,那是用 JavaScript 编写的后端服务的主流施工方案。别的多少个框架比较之下变化趋向并不引人瞩目,Logo中差不离不能够反映。Express 从 2013 年终来说已经增加了 6000%。之展现下滑趋向,是因为在同一时候内,注册数量增加了 67000%。

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

Sails

图片 8

Sails 是 JavaScript 的 Ruby on Rails 克隆。就算早先时代在2013年年初推出时,Sails 相当受应接,但它却也依据着“半衰期”的衰老情势,那也标识 Sails 不再被新类型采纳。

 

 

换句话说,JavaScript 在编制程序语言中正从前无古代人的拉长。

JS.O奥迪Q5G通过比较过去十二个月里,在Github上充实的星标数,告诉你2014年的大方向。

Next.js

图片 9

Next.js 是一个基于 React 的通用 JavaScript 框架,同时也是三个较新的框架。

Zeit 的付出集团在 React 的根底上成立了 Next.js。Next.js 提供了后生可畏种很实惠的不二等秘书籍来创建新的 Web 应用。当前 Next.js 的使用率即便还极低,不过却直接保持着上升的大势,值得关怀。

 

npm 的前端采纳正在爆炸式拉长

日前,大概83%的 npm 开采职员正在编写运转在前端的 JavaScript,而独有41%的人正在为后端编写代码(前后端开拓者有重叠的片段卡塔 尔(英语:State of Qatar)。前后端开辟人士的比重为约为2:1,那也申明npm 社区的前景在于前面七个的付出和工具创设。

接下去我们查阅其余的后端框架。

 

图片 10

在2015年,React是社区之王,Redux在与Flux的战役中胜利。那么,谁是二零一六年的JavaScript的新式?

Npm 中的前后端相比

图片 11

眼下已经涉嫌,当前前端开辟者的数量远超后端开采者的数量,但这种景况是或不是反映在 npm 的光景端安装包数量上呢?

即便前后端的安装包也存在重叠的图景,可是全部数据依旧后端安装包数量当先前端。

 

此外后端框架

下边是除 Express 之外的四个最大的后端框架,分别为:

  • Koa
  • Hapi
  • Sails
  • Next

 

npm 的前端框架现身爆炸式拉长

以下图表比较了Github在过去10个月初增加的星标数量。JS.O福睿斯G解析了bestof.js.org的门类,那是一个与网络平台相关的特等项指标取舍列表。

npm 中的前端选择境况

图片 12

二零一一年早先,npm 中的前端框架使用量十分的大,Backbone 的风靡也是变成这种情形的来头之生龙活虎。可是,随着 Express 和别的服务器端框架的不唯有加强,Backbone 变得不那么流行了。

npm registry 的前端使用率在经过七年的低沉之后,贰零壹伍年开班再次开始加强。

 

koa

图片 13

藤黄表示的是 koa 的相对使用率景况。Koa 是 Express 的开辟职员使用黄金年代套更紧凑的安排基准编写制定的,意在创制三个越来越小、更富表现力同期也越来越壮的 Web 框架。即使 Koa 具备不低的使用量,但其增速还不是一点也不慢。

 

npm 社区中,JavaScript 的前端开拓人士占比 83%,后端开采人士占比 41%,二者比例 2:1

生机勃勃. 2014年最受迎接的项目

钉住 npm 前端的切切实实应用状态

为了澄清楚 npm 前端的切进行使状态,大家将关爱于提供前端代码的局部库,首要回顾:

  • Bable
  • Webpack
  • Browserify
  • Bower
  • RequireJS
  • SystemJS

 

Hapi

图片 14

Hapi 是二个用以塑造利用和劳动的丰裕框架,Hapi 使得开辟者更加小心于编写可复用的应用逻辑,而不要把时光花销在底蕴设备的搭建上。2016年初,Hapi 有一个短间隔赛跑的景气时代,不过随后之后,Hapi 的使用率就从来处于下跌状态。

 

其余后端框架

概述

图片 15

Snip20170204_1.png

经过一年中最叫座的十一个品种,因而能够很好地问询二零一六年的Web开垦条件,因为您会发掘:

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

  • 新的Node.js包微型机:Yarn

  • 创设桌面应用程序的当先技术方案:Electron

  • 迅猛运转新的React项指标解决方案:Craste React App

  • 挪动框架:React Native

  • 最知名的CSS工具包:Bootstrap

  • 依靠函数概念的景观管理库:Redux

  • 有力灵活的图形库:D3

以上海展览中心现了二零一五年中,JavaScript表现出了无处不在,作用两种的风味。

Bable

图片 16

贝布el 是叁个转译器,用于将今世的 JavaScript 版本转换为与 Node.js 中的服务器端 JavaScript 以至浏览器宽容的 JavaScript 旧版本。Babel 十分受迎接,被用来前端和后端应用程序中。

 

Sails

图片 17

Sails 是 JavaScript 的 Ruby on Rails 克隆。尽管最先在二〇一二年年末出产时,Sails 深受接待,但它却也如约着“半衰期”的凋零形式,那也标记 Sails 不再被新类型利用。

 

图片 18

二〇一五年的王者

Vue.JS品类在这里风度翩翩季度的GitHub上获得了超越25,000颗星标,将席卷React和Angular的别样框架甩在身后,意气风发骑绝尘。

七月发布的Veu.JS的版本2,带给了虚构DOM的脾气。

Vue.JS用于大商铺(包蕴Alibaba,中黄炎子孙民共和国最大的电子商务集团卡塔 尔(英语:State of Qatar)的临蓐,所以你能够以为它是一个康宁的筛选。

它已经有八个十分干练的生态系统,包蕴路由(vue-router卡塔尔国和情景管理库(Vuex)。

看来Vue.JS应用了最棒的React(组件方法卡塔尔和AngularJS(模板是HTML代码巩固的框架性格卡塔 尔(英语:State of Qatar)。

Webpack

图片 19

Webpack 是专程为浏览器提供 JavaScript 代码的工具。React 平素采纳 Webpack 为浏览器服务做准备,相当短生机勃勃段时间,React 和 Webpack 都保持着相近的增加方向。

只是从二零一四年年中开头,Webpack 的使用率早先超越 React。那也标记,Web 开荒人士已经开头越来越宽泛的采纳 Webpack,而不止是 React 应用程序。

 

Next.js

图片 20

Next.js 是二个基于 React 的通用 JavaScript 框架,同有的时候间也是三个较新的框架。

Zeit 的付出组织在 React 的底工上创立了 Next.js。Next.js 提供了风姿罗曼蒂克种超级低价的秘技来创制新的 Web 应用。当前 Next.js 的使用率固然还相当低,不过却直接保持着回升的可行性,值得关切。

 

其余除了 Express 的其余多个框架:

二. 前端框架

图片 21

Snip20170204_2.png

“前端框架”这一分拣恐怕是二零一四年JavaScript最累的一个牌行榜,大概各类月都会现出一个角逐者,不过,那有扶植了翻新的脚步。

适用地说,在这里个项目中夹杂了三种档案的次序的类型:

  • 总体的框架包蕴了有着机能,能够创设贰个今世的Web应用程序(路由、数据提取、状态管理卡塔尔。AngularJS、Angular 2、Ember或Aurelia都归于那风流罗曼蒂克类。

  • 更轻量级的消除方案专注于UI层,如React、Vue.JS、Inferno,等等。

小编们早就提到了完全排名第生龙活虎的Vue.JS,让我们看看其他竞争者。

Browserify

图片 22

在 WebPack 成为风靡的 JavaScript 代码工具在此之前,Browserify 一向是浏览器端转化服务器端 JavaScript 的首要工具。Browserify 也曾经在二〇一四年中期保持相当的高的受迎接程度,但是从二零一四年上马,随着 Webpack 的日趋风行,Browserify 的受应接度现身了剧烈下落的气象。

那或然和八个工具的布署性指标有关。Browserify 为浏览器带给了 Node.js API 平板电脑(包涵用于非常多后端的API卡塔尔国,Webpack 则是二个更通用的模块系统和编写翻译工具,用于加载图片、CSS和别的前端财富。因而,对于非 Node.js 开辟者来说,Webpack 更为有效。随着 npm Registry 前端选取的烈性增加,Webpack 已经济体改成二个老大有吸重力的选项。

 

Npm 中的前后端比较

图片 23

眼下已经提到,当前前端开荒者的数量远超后端开垦者的数目,但这种情景是还是不是反映在 npm 的上下端安装包数量上呢?

就算前后端的安装包也设有重叠的图景,可是总体数量如故后端安装包数量超过前端。

 

Koa

React及其竞争者

React完全排名第二,前端开辟者未有什么人能够忽视React及其丰盛的生态系统。

React这样受接待,它激情了无数此外库,目的在于采用最棒的React,没有丰腴,提升在浏览器的属性和塑造时间。

Inferno是以此项目中最受接待的类型,它声称是React最快的代替品。

在我们的排名中,紧跟Inferno之后,Preact也是React的三个科学的代替品。它的生态系统是生龙活虎对百分之十熟的,例如有二个有所离线效能的Bolierplates、路由、Compat模块,以便你能够运用Preact项目中的任何现存React库。

Bower

图片 24

浏览器端模块化 JavaScript 的另一个消除方案是 Bower,Bower 将模块引进了浏览器。就算 Bower 客户端是由 npm Registry 托管和设置的,可是 Bower 却是一个完全独立的非 npm 模块。

虽说 Bower 的开拓职员认为其顾客端具备多数优秀的表征,不过她们依旧支持CommonJS(大好些个 npm 包所运用的 JavaScript 模块的格式卡塔尔是意气风发种越来越灵活和流行的实施方案。Bower 的受迎接程度自二〇一六年起开始现出了无休止的收缩。

 

npm 中的前端接收境况

图片 25 

2011年早先,npm 中的前端框架使用量非常的大,Backbone 的流行也是引致这种情状的原由之风流倜傥。可是,随着 Express 和此外服务器端框架的不停升高,Backbone 变得不那么盛行了。

npm registry 的前端使用率在通过两年的暴跌之后,2016年开班重新开始进步。

 

Hapi

Angular 1和Angular 2

Angular项目已经拆分为2个存款和储蓄库,因为Angular 2是Angular 1的通通重写,即便有的定义保持不变。

Angular 2是用TypeScript编写的,并且利用ES6提供多少个当代和绝望的框架。

AngularJS系列是1.x的支行,它在多数档案的次序中照旧接纳,并将世袭流行大器晚成段时间。

值得生龙活虎提的是,Ember固然有所庞大的生态系统,但它的社区并不在前十名。

故此看起来,与其接纳“开箱即用”的具有效率的欧洲经济共同体框架,二零一四年开采商更趋向轻量级的方案,并欣赏组成协调的方案——“点菜”。

在二零一六年调味的更轻的方法,并更赏识组成和煦的减轻方案“点菜”。

RequireJS 和 SystemJS

图片 26

Bower 的模块并非 CommonJS 的有一无二选拔,RequireJS 是另生龙活虎种具备模块格式的可选方案。RequireJS 在二零一一年底十分受招待,但自二零一四年以往,开头与 Bower 一齐现身猛降。2015年发表的 SystemJS 增进很缓慢。

 

盯住 npm 前端的现实性使用情状

为了澄清楚 npm 前端的实际行使情形,大家将关爱于提供前端代码的片段库,首要不外乎:

  • Bable
  • Webpack
  • Browserify
  • Bower
  • RequireJS
  • SystemJS

 

Sails

三. Node.js框架

图片 27

Snip20170204_3.png

二零一五年,使用以下施工方案创制和布置node.js应用程序从未如此简约:

  • Now

  • Webtask.io

  • Stdlib

像Gomix像这种类型的种类依旧下跌了Node.js世界的要诀,使得任何人都足以在浏览器中轻轻松松点击几下去编写共享 Node.js代码。

假设您一定要营造一个Web应用程序,你会筛选哪个框架?

Webpack 和 Express

图片 28

当前,我们判定 npm 前端使用量的最保证依靠正是 Webpack。比较于 Express 的周旋使用率,能够见到,Webpack 在四年时光内,相对使用率快速猛涨到了 Express 的四分之二。

笔者们大胆预测 Webpack 将三翻五次提升,以致恐怕会当先Express,那也与大家所看见的 Webpack 的新客商比例相像。几年后,npm 将是叁个要害的前端工具。

 

Bable

图片 29

Babel 是三个转译器,用于将今世的 JavaScript 版本转变为与 Node.js 中的服务器端 JavaScript 以致浏览器宽容的 JavaScript 旧版本。Babel 十分受接待,被用于前端和后端应用程序中。

 

Next

Express

当您利用node.js创设Web应用程序时,Express平日被视为事实上的Web服务器。它的理学(叁个足以利用中间件包扩充的简要为主卡塔 尔(阿拉伯语:قطر‎是绝大大多node.js开垦人士熟识的。

总结

图片 30

npm 生态系统中前端和后端的使用量增加,对于 JavaScript 的全部来说都以二个好消息。JavaScript 语言商讨所享有的布帆无恙和易用性,是生龙活虎种十分的大的优势。

莫不 JavaScript 的广泛使用,便是出于 JavaScript 的放松权利天性超级少,使得 JavaScript 语言在被利用时,有了不菲的其他接纳。

到现在 JavaScript 使用量正在激烈增加,npm 也在与之一同提升。

 

1 赞 1 收藏 评论

图片 31

Webpack

图片 32 

Webpack 是专程为浏览器提供 JavaScript 代码的工具。React 一贯使用 Webpack 为浏览器服务做希图,相当短大器晚成段时间,React 和 Webpack 都维持着同样的拉长倾向。

只是从2014年年中先河,Webpack 的使用率早先超过 React。那也标识,Web 开采人士已经初阶越来越宽泛的选取Webpack,而不唯有是 React 应用程序。

 

Hapi

Koa

Koa的文学挨近Express,但它是应用ES6生成器,避防止偶发被称呼回调鬼世界的难题。

Browserify

图片 33 

在 WebPack 成为流行的 JavaScript 代码工具在此之前,Browserify 一向是浏览器端转变服务器端 JavaScript 的显要工具。Browserify 也以前在二零一六年前期保持超级高的受接待程度,但是从二零一五年开头,随着 Webpack 的渐渐风行,Browserify 的受应接度现身了利害下滑的场地。

这只怕和多少个工具的安排性目标有关。Browserify 为浏览器带给了 Node.js API 三星平板(满含用于超级多后端的API卡塔尔,Webpack 则是叁个更通用的模块系统和编写翻译工具,用于加载图片、CSS和其余前端财富。由此,对于非 Node.js 开拓者来讲,Webpack 更为实惠。随着 npm Registry 前端接收的急大幅度增涨添,Webpack 已经变为一个百般有吸重力的抉择。

 

Hapi 在 二零一五 年末有五个短间距赛跑的鼎盛时代。然则,Hapi 自此未来一向处在下跌状态。

Feathers

Feathers是叁个特别灵活的缓和方案,创建三个“面向服务”的架构,它是一个很好的符合成立node.js微服务。

Bower

图片 34 

浏览器端模块化 JavaScript 的另二个减轻方案是 Bower,Bower 将模块引进了浏览器。固然Bower 顾客端是由 npm Registry 托管和装置的,可是 Bower 却是三个通通独立的非 npm 模块。

尽管Bower 的开采人士感到其顾客端拥有大多非凡的风味,可是她们照旧援助CommonJS(大繁多 npm 包所利用的 JavaScript 模块的格式卡塔尔是风流罗曼蒂克种更灵活和流行的减轻方案。Bower 的受迎接程度自二〇一四年起带头现身了接连不断的降落。

 

图片 35

Nodal

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

RequireJS 和 SystemJS

图片 36 

Bower 的模块并非 CommonJS 的独占鳌头接受,RequireJS 是另风流倜傥种具备模块格式的可选方案。RequireJS 在二零一三年底备受应接,但自二〇一五年现在,起首与 Bower 一起现身下降。二零一六年发表的 SystemJS 增加很缓慢。

 

Sails

Keystone

Keystone是自家所知拿到三个管理客商端并运转得最佳的缓慢解决方案之风姿浪漫,以便管理来自MongoDB数据库的内容。管理分界面自动从模型生成,具备全部CRUD操作和小巧的过滤器。

Webpack 和 Express

图片 37

时下,大家看清 npm 前端使用量的最保证凭仗便是 Webpack。比较于 Express 的相对使用率,能够看出,Webpack 在八年时间内,相对使用率急迅攀升到了 Express 的四分之二。

咱俩南征北讨预测 Webpack 将一连加强,以致大概会超越 Express,这也与我们所见到的 Webpack 的新客商比重雷同。几年后,npm 将是一个尤为重要的前端工具。

 

看名就会知道意思,Sails 就是 JavaScript 的 Ruby on Rails 克隆。 纵然在 二〇一三年年初临盆的时候极度流行,但是它信守着熟谙的“半衰期”衰退方式,那象征后来并未被新类型接收。

Sails

Sails是三个完好的MVC框架,受Ruby on Rails的启迪(由此名叫Sails!卡塔尔国。它曾经存在了不短日子。它能够与别的项目标数据库(SQL或无SQL卡塔尔国优良职业。

总结

图片 38

npm 生态系统中前端和后端的使用量拉长,对于 JavaScript 的全体来说都以多少个好消息。JavaScript 语言研究所全体的油滑和易用性,是生龙活虎种超级大的优势。

或是 JavaScript 的周边接收,正是出于 JavaScript 的放置​​天性少之又少,使得 JavaScript 语言在被应用时,有了众多的此外接受。

现行JavaScript 使用量正在火爆增加,npm 也在与之一同升高。

 

图片 39

Loopback

Loopback是另一个成熟的框架,内置多数函数,富含动用令牌和到其余类型的数据库的连接器的认证。

它的刀客级作用是API浏览器功效,允许开拓职员以直观的办法检查有着API端点,并能检查任何客户的令牌。假若你必需营造三个API,那纯属是二个不得不承认的选用。

JavaScript 开荒工具推荐

SpreadJS 纯前端表格控件是依附HTML5 的 JavaScript 手表格和网格效用控件,提供了康健的公式引擎、排序、过滤、输入控件、数据可视化、Excel 导入/导出等成效,适用于 .NET、Java 和移动端等各平台在线编辑类 Excel 成效的表格程序支付。

最先的文章链接:

转载请评释来源:蒲陶城控件

 

Next.js

四. React Boilerplates

图片 40

Snip20170204_4.png

React是一个壮烈的UI库,但利用React和现代Web开垦专门的工作流工具要求大批量的安插。那么什么样起始创建三个应用程序呢?

那是React的“Boilerplates”和别的“Starter 基特s”提供的答案:

有关赐紫车厘子城

活字格由山葫芦城集团研究开发、出卖并提供本事劳务。蒲陶城公司确立于1978年,是全世界当先的集开辟工具、商业智能施工方案、管理种类规划工具于寥寥的软件和服务提供商。Charlotte草龙珠城是其在中华夏族民共和国的分支机构,面向国内内地镇提供软件研发服务,并为中华夏族民共和国商家的音讯化提供国际先进的开拓工具、软件和研究开发咨询服务。 

Next.js 是个比较新的框架,相比较别的多少个框架流行度偏低,可是也现身了相比稳固的巩固,特别是在它选择了 React 之后。

Create React App

Instagram通过提供一个称呼Create React App的轻量级方法来缓慢解决那几个必要,那是五个非凡有益的运转三个新的React项目。

Dan Abramov(Redux的创建者,今后为推特(Twitter)职业卡塔 尔(阿拉伯语:قطر‎做了叁个宏大的做事,在简单性和法力找到了不错的平衡点。比方,未有花哨的体制设计方案(只是简短的CSS卡塔尔,未有服务器端渲染,但是全部的漫天,都很好地打包了,开拓职员的心得超屌。

与其角逐者的入眼分裂是,假设运用Create React App,它将成为项目标依赖项,全部的法力是隐讳的,你看来的只是你的应用程序代码。您能够任何时候晋级注重关系,它不用只是三个起源。

图片 41

React boilerplate

命名为React boilerplate富有您须要的所有的事,包涵Redux和有些卓越的离线作用,利用web workers技能。

它让开垦职员创造所谓的渐进式Web应用程序(Progressive Web Applications,PWA卡塔 尔(阿拉伯语:قطر‎:离线运维的Web应用程序,使用风流罗曼蒂克种名称为ServiceWorker的本领,请阅读NicolásBevacqua的篇章。

前端框架 vs 后端框架

Next.js

Next.js由Zeit创造,具备可用以创制通用应用程序的劳务器端显示效果(或同构应用程序,如笔者辈在2015年所说卡塔尔国,也正是说顾客端和服务器端运营的应用程序使用同样代码。

图片 42

五. Mobile

图片 43

Snip20170204_5.png

JavaScript无处不在,你能够行使能力Web开拓职员已知的别样工夫(HTML、JavaScript、CSS卡塔尔国营造移动应用程序。

React Native

应用React Native,你能够从相近的代码库使用React开荒人士纯熟的概念营造iOS和Android真正的原生移动应用程序。要打听有关营造iOS和Android应用程序的越来越多音讯,请阅读这本教程。

别的遵照Cordova的消除方案,借助WebView来渲染显示器,何况比不上原生建设方案那么飞快。 “三遍编写,四处运转”,那是开采职员的梦想成真!

Ionic

Ionic是“混合”应用程序概念的先辈。在后新北,它根据Cordova访谈活动器材成效。那是一个不胜干练的重型生态系统。

NativeScript

NativeScript目的在于得以完结与React Native相通的目的(使用Web技能构建真正的移位应用程序卡塔 尔(英语:State of Qatar)。它有两种种风格:NativeScript Core和NativeScript Angular 2。

前瞻

在二〇一七年留意关切的二个种类:Weex,三个构建在Vue.JS以上的活动跨平台UI框架。

六. Compilers

图片 44

Snip20170204_6.png

大家在此边讨论生成任何语言(或JavaScript的任何变体卡塔 尔(阿拉伯语:قطر‎的JavaScript的编写翻译器(或“transpilers”卡塔尔。它们将代码转变为浏览器(或Node.js卡塔尔能够实行的“标准JavaScript”代码。

例如说,编写翻译器允许开垦职员使用新型版本的JavaScript(ES6卡塔 尔(英语:State of Qatar)编写代码,而无须忧郁浏览器的支撑。

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

Babel

Babel与Webpack一起,差十分的少产生编写翻译ES5代码和标准JavaScript中的库(如React(JSX卡塔尔卡塔尔国使用的模板的正经。最先创立用于编写翻译ES6,它产生贰个更通用的工具,能够产生别的轮代理公司码调换,拜一个类别的插件所赐。

Flow

Flow不是三个编写翻译器,它是三个用以“注释”JavaScript代码的静态类型检查器。基本上在代码库中应用Flow意味着加多注释来说述期待的种类(点阅读更加多明白使用Flow编写模块卡塔尔。

它在推特项指标代码源内使用。因为Twitter成为开源世界的要紧剧中人物之生机勃勃(像React、React Native、Flux、Immutable、Jest等门类卡塔 尔(英语:State of Qatar),那代表相当多。

CoffeeScript

多年来,CoffeeScript由于其简洁语法(灵感来源于Python和Ruby语法卡塔 尔(阿拉伯语:قطر‎,成为最受迎接的编写翻译器,但它在二〇一六年不太流行,很多开拓职员从CoffeeScript迁移到ES6与Babel。

七. Build Tools

图片 45

Snip20170204_7.png

在2015年,很难想象二个尚未任何构建进程的Web应用程序。经常须要贰个营造进度来编写翻译模板和优化财富,以便在坐蓐景况中运维Web应用程序。

Webpack

Webpack是用以塑造单页应用程序的要害工具,它与React生态系统一齐使用。新宣布的版本2推动了有的催人奋进的加强效率(查看那份介绍)。

Gulp

Gulp是一个通用的任务运维器,能够用于涉及文件系统的别的类型的全自动进程,由此它不是Webpack或Browserify的直白竞争者。

像Grunt如出风度翩翩辙,Gulp通过集结专门的学业:你能够供给它减弱和连接财富列表,不过它不会像Webpack或Browserify这样管理模块化JavaScript自身。

然则,它能够很好地与webpack一齐职业,就算开拓人士趋向于接受npm脚本。

Browserify

Browserify是因为其轻便性,受到了node.js开采职员喜爱。

差不离,它必要多少个node.js包作为输入,并为浏览器生成一个单纯的“营造”文件作为出口。不过犹如叁个更有见解的工具像Webpack是三个更加好地符合Web应用程序工作流。

前瞻

二〇一七年的模块捆绑包,重申质量:汇总(rollup)。

它利用ES6模块与八个名称叫树摇荡(Tree shaking卡塔尔国成效创造捆绑包,只囊括你在代码中利用的成效,并不是搬运完整的库。

八. Testing Frameworks

图片 46

Snip20170204_8.png

最出名的多少个测量试验框架是Jasmine和Mocha,但近期的八个体系在二零一四年有越来越多的牵引力:AVA和Jest。

AVA

AVA,由多产的Sindre Sorhus创制的重申质量(并行测量检验卡塔尔和ES6。 AVA的语法临近标准测验框架,如Tape和Node-tap。

Jest

Jest,另三个推特(TWTRubicon.US)项目,在过去的几周里得到了极大的牵引力。它在React社区中是一清二楚的,更加多的人转账Jest(阅读那篇传说来理解卡塔 尔(阿拉伯语:قطر‎,它恐怕变为前年最风靡的测验框架。

Jest有停放的可观的模拟技术,而任何测量试验框架平时信赖于像Sinon.JS那样的库。

九. IDE

图片 47

Snip20170204_9.png

至于IDE(Integrated Development Environment,集成开拓条件卡塔尔,值得黄金时代提的是,七个最盛行的IDE是使用Web本领开辟的开源项目。

Visual Studio Code

在大家的结果中,Microsoft凭仗Visual Studio Code天南地北当先。

它提供了三个与TypeScript和node.js的很好的集成。一些开辟人士提到关于开采速度,很感激速龙liSense功用(高亮和自行完毕的犬牙相制卡塔 尔(英语:State of Qatar)。

在同等句话中提到“开源”和“微软”不再冲突了!

Atom

Atom是由Github推动的、并且由Electron营造(像其余一些桌面应用程序,包蕴Slack桌面顾客端卡塔 尔(阿拉伯语:قطر‎,并不是远远滞后Visual Studio Code。关于Atom的多个有趣的真情:它的主要性语言是CoffeeScript!

十. Static Site Generators

图片 48

Snip20170204_10.png

静态网址生成器(Static site generators,SSG卡塔尔是生成一文山会海HTML、.CSS和JavaScript文件的工具,您能够在别的轻便的Web服务器(Apache或NGNX卡塔尔上配置,而不用神经过敏,大概设置数据库或其余网络框架。正如Gatsby网址所说:

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

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

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.OEscortG精通,GraphQL将有大动作。

<recommend image="" title="寸菇街前后端抽离执行" link=";

视界扩充

QCon是由InfoQ主办的大千世界头号技巧盛会,每一年在London、法国首都、东京、London、孟买、东京、利雅得进行。扫描下图二维码,领悟越来越多音信。

图片 49

QCon北京2017将于4月16日~一日在香港(Hong Kong卡塔尔市·国家会议中央举行,精心设计了帮助海量业务的互联网架构、大范围网关系统、微服务执行、飞快发展的容器生态、智能化运行、网络广告系统进行、大数量实时计算与流管理和经济科学技术转型与前途等30来个专项论题,蕴涵架构、大数额、云总结、移动、前端、人工智能等火热领域,将约请来自谷歌(Google卡塔尔、推特、Alibaba、腾讯、百度、美团点评、爱奇艺等一级互连网厂家的本事行家,分享技术领域最新成果。敬请期望。

前端之巅

「前端之巅」是InfoQ旗下关心前端才干的垂直社会群众体育,投稿请发邮件到editors@cn.infoq.com,表明“前端之巅投稿”。

图片 50

本文由pc28.am发布于前端技术,转载请注明出处:框架回顾,后端框架

上一篇:行代码完毕一个总结的区块链,写一个区块链 下一篇:没有了
猜你喜欢
热门排行
精彩图文
  • 行代码完毕一个总结的区块链,写一个区块链
    行代码完毕一个总结的区块链,写一个区块链
    用 JavaScript 写二个区块链 2018/04/09 · CSS ·区块链 原稿出处: XavierDecuyper   译文出处:百度外送食物前端/JeLewine    大致种种人都据悉过像比特币和以太
  • 前面三个跨域知识总结,详细明白JS跨域难题
    前面三个跨域知识总结,详细明白JS跨域难题
    详解JS跨域问题 2016/10/31 · JavaScript· Javascript,跨域 原文出处: trigkit4(@trigkit4)    前端跨域知识总结 2016/11/04 · JavaScript· 2 评论 ·Javascript,跨域 本文作者
  • AngularJS快速入门,的常用特性
    AngularJS快速入门,的常用特性
    高效快速地加载 AngularJS 视图 2016/06/29 · JavaScript· 1 评论 ·AngularJS 本文作者: 伯乐在线 -ThoughtWorks。未经作者许可,禁止转载! 欢迎加入伯乐在线 专栏作
  • REACT火速入门,js深入学习详细深入分析
    REACT火速入门,js深入学习详细深入分析
    React.js浓郁学习详细解析 2016/07/16 · JavaScript· ReactJS 本文小编: 伯乐在线 -winty。未经我许可,防止转发! 招待参与伯乐在线 专辑我。 今日,继续浓烈学习
  • 遇见未知的,web开采连忙入门
    遇见未知的,web开采连忙入门
    CSS 框架 Bulma 教程 2017/10/26 · CSS ·Bulma 原文出处:阮一峰    网页样式需要大量时间开发,最省事的方法就是使用 CSS 框架。 Bootstrap 是最著名的 CSS框架,