大約11月中，跟著公司的大家一起參與 2017 JSDC Conference ，這場主要是針對網頁前端開發者的年會，介紹許多前端技術的趨勢。公司很佛心地贊助了報名費（據說有4k），免費去聽課聽爽爽的，回來只要繳一篇學習報告就好，超划算的啊對不對！(wiwi 語調。所以，這篇就是那個報告，稍微加了一點自己的 murmnur這樣XD。

兩天聆聽的議程

11/04	11/05
Turbo Boost Next Node.js	Egg & Node.js 從小工坊走向企業級開發
Fetch Web Streams	變數握手，CSS、JS 樂無窮
前端也能做的 DevOps	jscodeshift: Refactor JS w/ JS
Ultra Simple Isomorphic with Next.js	The Way to Fantasyland
RxJS - 封裝程式的藝術	擊殺！前端測試Boss全攻略！
Why Redux-Observable ?	從 VueJS 看前端生態圈的發展變化
React Server-side Render Nightmare Gone
使用 Vue 結合 A-Frame 進入 360 panorama VR 的世界

• 議程簡報

我得到了什麼

整體來說，這次的JSDC品質算是普普，有幾場講得特別好的，例如：RxJS講的淺顯易懂、jscodeshift很生動卻很有料、React SSR 和 Next.js 內容很扎實、VueJS 看前端生態圈則不只講了VueJS，而是比較了各家前端技術，內容很扎實。但同時，也有幾場講得很糟的：前端測試那場完全令人失望，講者根本沒做什麼準備就來耗時間、Egg & Node.js 內容太著重在形式表面，明顯有畫大餅推銷自家技術的意圖。此外，像是前端也能做DevOps，則是有點標題誤導人，以為說有新的前端技術可以實作DevOps，結果只是一位前端被當成全端做DevOps的心路歷程而已。

綜合以上的議程，簡單列出本次JSDC得到的名詞：

• New Support of Node.js v8.x

  • HTTP 2
  • TurboFan / Ignition Interpreter
• Streams API
• Service Health Check with Chaos Monkey
• Isomorphic and Universal

• Enhance Efficiency of React Server-side Render

  • Coren
  • react-dom-stream
  • Next.js
  • hypernova
  • <Link /> prerendering
• RxJS
• Redux-Observable

• VR with Web

  • WebVR
  • A-frame
  • krpano
  • WebXR

• 3D with JavaScript

  • WebGL
  • three.js
• Backends for Frontends
• koa
• Egg
• CSS Custom Property and Variables
• jscodeshift
• Fantasyland

• Testing

  • Jest
  • Enzyme
• Vue.js

它們能為我解決什麼問題

總結以上的技術，可以解決以下的問題：

1. 優化Server端執行效能

   • 更輕量的SSR解決方案
   • V8引擎的優化

2. 更直覺的方式處理複雜的非同步行為

   • 用Stream方式處理Event、Data
   • 新的API處理串流
   • 優化request的呼叫
3. 自動化重構程式碼
4. 更簡便的UI測試解決方案

5. 使用Web技術開發新媒體

   • 呈現AR、VR
   • 繪製3D

當然，有部份技術在各瀏覽器的支援度仍有限，能否使用在產品中仍需要再觀望，不過仍可吸收它們背後的理念，用現有的資源實作這些理念，解決產品中遇到的問題。