2017 前端技术发展回顾

• 原文地址：Recap of Front-end Development in 2017
• 原文做者：FrontendMasters
• 译文出自：掘金翻译计划
• 本文永久连接：github.com/xitu/front-…
• 译者：bambooom
• 校对者：realYukiko

---

更多精彩内容请关注：前端开发者指南 2018

---

• HTML 5.2 发布。
• 毫无疑问，这是 Vue.js 在流行中飞速发展的一年。
• 前端 HTML & CSS 开发者和前端应用程序开发者之间的巨大区别终于被认知，并从新定义。
• 做为使用 web 技术构建应用程序的前端 JavaScript 开发者变得愈来愈好，也愈来愈糟。
• 今年彷佛比往年更多的涌现出一批试图与主流 JavaScript 应用工具（React，Angular，Vue 等）相抗衡的应用程序/框架解决方案。我来列举一部分，Moon，Marko，Hyperapp，Quasar Framework，POI，frint，BunnyJS，jsblocks，Sapper，Stimulus，Choo...
• jsbin 和 jsfiddle 进化成了 StackBliz 和 codeSandbox 的样子，它们让分享一个应用程序变得如此简单。
• React 继续被 preact，inferno，nerv，dva 和 rax 之类的所追捧。
• devhints.io 很好地将 cheatsheets 组织了起来。
• 咱们发现应用程序的样板或者命令行工具是带有偏见的，例如 React Create App，必要的时候咱们要从中逃离。
• 大多数开发人员发现，一个好的代码编辑器，eslint 以及 prettier 的组合使写代码这件事更快，更轻松愉快。
• CSS Flexbox 和 Grid 得到浏览器支持，所以愈来愈多开发者开始关注这二者。
• 咱们终于有无头的 Chrome 了。
• 你再也不须要用 Less 或者 Sass 来使用 CSS 来完成使人惊叹的事情了。
• CSS 革命正在进行中。
• JavaScript 对象浏览工具已经到来，JavaScript Array Explorer 和 JavaScript Object Explorer，它们对于学习 JavaScript 数据相似（例如对象）是很是方便有用的。
• Chrome 浏览器在市场上占据主导地位，人们开始担忧历史可能会重演。
• Brave 成为浏览互联网最愉快且安全的方式。
• PhantomJS 再也不维护，Headless Chrome 和 Puppeteer 进入。
• Prettier 从一个意想不到的地方开始，却成为了一个主角。
• 不少开发者开始采用静态检查，主要是出于主观缘由和赶时髦。有些人彻底听从了 Typescript 和微软的作事方式，也有些人采起的较慢的 Flow。有一点能够确定，大多数开发者不须要类型，他们只是把已经复杂的问题和解决方法更加复杂化。像大多数事情同样，这种趋势大部分是主观教条而非客观价值。
• 静态网站生成器和 API CMS 工具也就是无头 CMS 如今在大多数开发者的雷达上。
• Web 组件仍然潜伏着，等待着开发人员的大力推进，这可能永远不会发生。
• JavaScript 安定了，CSS 爆发了，明年的这个时候全部人都会疲惫不堪。
• 许多人在使用组件树构建应用程序的时候，开始将 CSS 转移到 JS 中的 CSS 里。
• Yarn 彷佛知足了需求，由于不少人从 npm 换成 Yarn。然而，Yarn 最大的价值在于它为 npm 带来竞争，从而使得 npm 变得更好。
• Scrimba 将用于交互式的编码屏幕录像（录制现场的编辑器是可编辑的）的新的视频格式成为现实。
• 大多数人开始意识到组件架构和原子化设计之间的关联。
• ES 模块将成为浏览器的一部分，而且若是使用 ES 模块，备用计划将是必需的（即来自 webpack 之类的打包文件）。
• MVC 框架正在淡出。
• 使用Bluekit，Storybook，React Styleguidist 和 bit 之类的工具，在你的应用程序以外开发和展现 React 组件开始变得流行。
• 在 2017 年得到前端工做有关经验，这是从我的项目以及 Github 帐号上展现出来的。
• 从 HTML 文档中预加载资源（CSS，JavaScript，多媒体文件等）到来了。
• Cypress 做为一个完整的测试解决方案出现了，测试会愈来愈好，由于对于应用程序的代码，端到端测试才是重点。
• WebAssembly 如今能够总全部主流浏览器中使用了。
• Webpack 占主导地位，而后竞争对手 parcel 出现了。
• React 16 代号 fiber 发布。
• 在某些状况下，React 开始与 jQuery 一较高下。
• React 的确成为了最多人使用的构建 UI 的工具。
• Facebook 放弃了 React 的 BSD 许可证，而转成了 MIT 许可证（一样包括 Jest，Flow，Immutable.js 和 GraphQL）。
• 2017 年 GraphQL 开始流行起来。
• Facebook 继续领头负责开发即将到来的如 prepack.io 之类的工具。
• 正如期待，ECMA-262 第 8 版也就是 ES2017 发布。
• React Router 终于稳定下来了。
• 全部的现代浏览器如今都支持 ECMAScript 2015（也就是 ES6）。
• Async JavaScript 函数 开始得到一些认真的关注及使用，主要是由于全部如今浏览器如今都支持 Async 函数了。
• 移动开发，仍然很难。今年，强烈地倡导 web 平台做为解决这一痛苦的方案得到了大量的支持。

---

掘金翻译计划 是一个翻译优质互联网技术文章的社区，文章来源为 掘金 上的英文分享文章。内容覆盖 Android、iOS、前端、后端、区块链、产品、设计、人工智能等领域，想要查看更多优质译文请持续关注 掘金翻译计划、官方微博、知乎专栏。