- 原文地址：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、前端、後端、區塊鏈、產品、設計、人工智慧等領域，想要檢視更多優質譯文請持續關注 掘金翻譯計劃、官方微博、知乎專欄。