写点什么

InfoQ趋势报告之JavaScript和Web开发

2018 年 12 月 14 日

InfoQ趋势报告之JavaScript和Web开发
  • 为了涵盖现代应用程序开发的方方面面,JavaScript、CSS、HTML和WebAssembly标准的发展速度正在加快。

  • TypeScript的受欢迎程度得到大幅提升,现在已经出现在GitHub排名前10位最受欢迎的编程语言中。InfoQ今年报道了很多框架和库,它们在这一年当中都取得了引人注目的进展。

  • WebVR/WebXR和机器学习推动了更好的3D渲染和数据可视化。

  • React的采用率大大增加,但包括Vue.js在内的新一波框架浪潮正在迎头赶上。

  • 应用程序的各种选项,从渐进式Web应用程序到Electron、Ionic和Cordova的混合,再到React Native和NativeScript等原生编译器,都为使用Web技术构建有竞争力的应用程序提供了更高的灵活性。


InfoQ 每年都会更新主题图表,以体现技术趋势的变化。我们的编辑团队从各种渠道获得技术的实践状态、新出现的想法,当然也会把 QCon 现场的参与情况考虑在内。


对于位于图表右边的技术,你或许可以在 InfoQ 网站上找到很多与之相关的内容,因为在这些技术刚出现的时候,我们对它们进行了报道。当个人、团队和组织想要采用这些技术时,由创新者和早期采用者提供的指南对他们就有所裨益。


位于图表左边的是刚出现的技术,通常是创新者和早期采用者在使用这些技术,我们致力于报道这些内容,把这些新想法带给我们的读者,这样他们就知道是否该学习这些新技术或者关注它们的发展情况。


这个月我们关注的是JavaScript和Web开发,这个快速变化的领域每年都会出现一次以上的更新。下面这张图表是 2018 年第一季度也就是我们上一次研究得出的趋势图。



下面这张是 2018 年第四季度的修订版。



对于我们来说,Web 开发是一个很有趣的领域,几乎每天都会出现新的 JavaScript 框架。决定要关注哪些框架以及忽略掉哪些框架是一件非常具有挑战性的事情。开发人员可以学习这些有趣的框架,并从中获得灵感,即使他们当前可能没有在日常开发工作中使用它们。


创新者


从过去几个月的趋势来看,随着浏览器供应商不满足于最小可行功能并努力提高性能和填补空白,人们对 WebAssembly 的兴趣在不断增长。


CSS Houdini引发了 CSS 领域的一系列骚动,一些 CSS 新工具(如PostCSS)正在挑战现有的 CSS 预处理器,如 SASS、LESS 和Stylus。CSS Houdini 仍然是我们感兴趣的领域。


Deno是 Node.js 的原始作者的一个新项目,使用 TypeScript 开发,试图解决 Node.js 面临的一些问题。这是一个非常早期的项目,但却展现了非常关键的前景。


Dojo 是一个可以追溯到 2004 年的原始 JavaScript 工具包,在今年发布了版本 2(随后是版本 3 和版本 4)。它使用 TypeScript 进行了重大改写,转变成为反应式的、向标准看齐的、基于虚拟 DOM 的现代框架。新版本 Dojo 表现出了显著的性能提升和开发者人体工程学改进,但还处在采用周期的早期阶段。


TensorFlow.js 是基于 JavaScript 的机器学习基础库。我们不仅跟踪这个库,同时也跟踪利用这个库来推动 JavaScript 机器学习的其他项目。


早期采用者


在早期采用者方面,我们继续跟踪 Flow(JavaScript 的静态类型检查器)和Elm(用于开发基于 JavaScript 的 Web 应用程序的另一个 JavaScript 替代语言)。


从上一次发布报告以来,由于行业发生了巨大变化,这一次我们将其中一些技术归到这一类别:


  • GraphQL仍然是我们要关注的趋势,已经有几个可用库,包括Apollo、Vulcan.jsurql

  • ECMAScript 2018现已定版,2019版相关的工作正在顺利进行当中。

  • WebVR及其未来的替代品WebXR提供了基于HTML、CSS和JavaScript的虚拟、增强和混合现实功能。当标准从VR扩展到XR时,出现了重大的用户流失,但在浏览器和JavaScript方面,却存在潜在的兴趣。A-FrameReact 360等库通过利用Three.js得到了一定的普及。


我们还添加了其他一些早期采用者:


与 Elm 一样,Reason是 JavaScript 的另一种替代方案,也提供了类型安全和简化的到 JavaScript 的转换。


W3C 的 Web 平台孵化器社区小组(WICG)一直致力于实现各种有用的标准,包括Intersection ObserverResize Observer等已确定的标准,以及实验性技术,如画中画WebUSB


Web 组件在过去几年中不断发展,现在 Chrome 和 Firefox 提供原生的支持,Safari 部分支持。很多框架和库本身也支持 Web 组件,如 Angular、Dojo、Ionic、StencilSvelte和 Vue.js。


CSS Next 包含了一系列 CSS 改进,其中有很多可以与 PostCSS 或 CSS Houdini 一起使用。


Ionic 4 目前处于测试阶段,它经历了一次重大变革,将自己与 Angular 等特定框架解耦,并专注于与现代 Web 标准看齐。


NativeScript 为 Angular 和 Vue.js 用户提供了原生编译选项,用于部署使用 Web 技术开发的移动应用程序。


Nest.js是一个很有前途的服务器端框架,使用 TypeScript 开发,并运行在 Node.js 之上。


早期大众


在早期大众类别中,Vue.js 继续发展,并获得更多的支持。我们认为它确实已经跨越了鸿沟,进入到“早期大众”状态。我们发现 Vue.js 在中国特别受欢迎,而且新版 InfoQ 网站也使用了该框架(目前处于测试阶段)。Vue.js 3 正在积极开发当中,并使用 TypeScript 进行重写。


Angular 最近发布了版本 7,并继续改进。


通常,构建和捆绑工具对于优化生产应用程序来说非常有用。几乎每个框架都会利用某些工具组合来优化性能。


我们已经将 Electron 和 TypeScript 推到了早期大众状态。Electron 是一个被广泛采用的桌面应用程序外壳,它结合了 Node.js 和 Chromium,为使用 Web 技术开发的应用程序提供基础设施。


TypeScript 是采用最为广泛的 JavaScript 变体,在过去几年中取得了实质性进展,现在大多数 JavaScript 框架都在利用它提供的工具和基础设施。根据最近发布的GitHub Octoverse报告,TypeScript 本身就是十大编程语言之一,而JavaScript状态报告将 TypeScript 列为迄今为止使用最广泛的 JavaScript 变体。


我们直接将三个项目添加到早期大众类别中:


React Native 是一个使用 JavaScript 和 React 构建原生移动应用程序的框架,它迅速成为一种流行的构建跨平台移动应用程序的方式。


同样,在讨论如何最有效地构建 JavaScript 应用程序时,函数式和反应式编程模式是人们避不开的话题。一些库(如 lodash)让这些模式变得更为流行。


晚期大众


随着 JavaScript 生态系统的不断成熟,现在晚期大众类别中的一些基础技术并没有被替换的迹象,几乎每个 JavaScript 开发者都在使用它们。


我们多个项目移到了晚期大众状态。


一般来说,IDE 和编辑器会得到广泛使用。在桌面方面,VS Code 似乎有领先 Atom、Sublime Text、WebStorm 甚至 vim 或 emacs 的潜力。基于浏览器的 IDE(如 CodeSandbox)将大部分 VS Code 体验带入 Web 浏览器,以便快速开发、实验和分享开发工作。


Babel 最近发布了版本 7,为开发人员提供了转换各种 JavaScript 版本的默认转换器。


React 已经成为自 jQuery 以来采用最为广泛的框架,并且还在不断发展,现在几乎每天都会有支持 React 的新项目发布。


Node.js 是一种采用十分广泛的 JavaScript 服务器端和命令行环境,NPM 是最常用的 Node.js 包管理器。几乎每个 JavaScript 项目都将 Node.js 作为命令行和构建工具,而 Node.js 也已经在服务器端开发和嵌入式系统中得到了广泛采用。


Express 也在我们的列表中,是一个采用最为广泛的基于 Node.js 的服务器端框架。Webpack 也在我们的列表中,它是一个事实上的构建和捆绑工具,也是基于 Node.js。


我们将 HTML5 和 ES6/2015 添加到晚期大众类别中,因为现在几乎每个 Web 应用程序都将使用这些功能作为最低基准。


落后者


我们把落后者放在报告的最后,虽然它们仍然被用在很多应用程序中,但在开发新项目时并不怎么会考虑使用它们。较新版本的 ES6 和 HTML5 分别取代了 ES5 和 HTML4。使用 Dojo 1.x 和 Angular 1.x 的应用程序仍然有很多,但已经进入了维护模式。jQuery 虽然带来了一些改进,但已经几乎被新的 HTML 和 JavaScript 功能或更成熟的框架所取代。


结论


JavaScript 生态系统正在蓬勃发展,虽然要跟上它的发展步伐具有一定挑战性,但我们相信这个领域的很多基础部分已经趋于稳定,从而带来了更多的创新机会。InfoQ 的团队将为读者带来JavaScript生态系统的专家级报道,我们欢迎读者提供反馈、评论和外部文章。




关于作者


Dylan Schiemann 是 SitePen 的首席执行官,也是 Dojo 的联合创始人,并活跃在 JavaScript、TypeScript 和开源社区中。在他的领导下,SitePen 为专注于构建高性能和可维护 Web 应用程序的企业组织带来了权威的解决方案。Dylan 目前的计划包括指导 Intern、TypeScript 和 Dojo 的开发。在与 jQuery 基金会合并组建 JS 基金会之前,Dylan 是 Dojo 基金会的联合创始人。他还是 Phoenix TypeScript 技术会议小组、伦敦 HalfStack 技术会议和 TSConf 的共同组织者。在工作之余,Dylan 喜欢旅行,并在世界各地的技术大会上分享他的经验。


查看英文原文JavaScript and Web Development InfoQ Trends Report


2018 年 12 月 14 日 07:013254
用户头像

发布了 38 篇内容, 共 26.6 次阅读, 收获喜欢 197 次。

关注

评论 2 条评论

发布
用户头像
“构建和捆绑工具”???你玩捆绑play呢?译者长点心吧
2018 年 12 月 18 日 03:05
回复
没有更多了
发现更多内容

第一周学习总结

饭桶

第一周课程学习总结

Meow

极客大学架构师训练营 第一周总结

ARTS Week17

时之虫

架构师训练营 第一周作业

haha

极客大学架构师训练营

架构师方法论

wing

极客大学架构师训练营

week-1-part1 食堂就餐卡系统设计

451409827

极客大学架构师训练营

食堂就餐卡系统设计

饭桶

独孤求败的五把剑,三个人生阶段 -Week1- 学习总结

小粽

第一周学习总结

jizhi7

极客大学架构师训练营

食堂就餐卡系统设计

行者

UML学习总结

行者

「架构师训练营第 1 期」第一周作业 (作业二)

Geek_83908e

极客大学架构师训练营

第一周总结

_

极客时间 架构师 极客大学架构师训练营 第一周总结

架构师第一周

Geek_Gu

极客大学架构师训练营

第一周 UML图

mm马

架构师训练营 - week1 - 学习总结

month

极客大学架构师训练营

架构师训练营-第一周学习总结

Geek_5c3f14

架构师

极客时间架构 1 期:第 1 周架构方法 - 命题作业

Null

UML for Cafeteria System

极客时间-架构师一期-第一周作业

_

极客时间 架构师 极客大学架构师训练营 第一周命题作业

「架构师训练营第 1 期」第一周作业(作业一)

Geek_83908e

极客大学架构师训练营

就餐卡系统设计

golangboy

极客大学架构师训练营

Week_01学习总结

golangboy

极客大学架构师训练营

架构师训练营学习笔记

Erwa

Week 1 作業一:食堂就餐卡系統設計

Christy LAW

架構師 極客大學 女程序員

架构师训练营第一期第一周总结

cyningchen

极客大学架构师训练营

极客时间架构1期:第1周架构方法-学习总结

Null

Week 1 學習總結

Christy LAW

极客食堂就餐卡系统设计

IT老兵重开始

极客大学架构师训练营 第一周命题作业

# 架构师训练营Week1作业

lggl

极客大学架构师训练营

初学架构方法

Zzzz

极客大学架构师训练营

2021年,算法还“香”吗?

2021年,算法还“香”吗?

InfoQ趋势报告之JavaScript和Web开发-InfoQ