前端小報 10-11 月刊

前端小報 - 11月刊（包含部分10月分內容）

訂閱小報：github.com/txd-team/mo… 本期小編：damujiangr (墨止)

內容提要

1. React Conf概況：

   • (React 16.7) React Hook：聲稱不使用 Class 就可使用 React 的大部分功能，採用逐步推廣的策略
   • Suspense(已發佈，)
     • (已發佈) Suspense for Code Splitting，結合 React.lazy 實現 Code-Splitting, 達到動態加載組件的目的，見 React v16.6.0
       • 同時 React v16.6.0 新增了一個專門用於性能優化的 API：React.memo, 相似於 PureComponent, React.memo 針對於 function component，執行對 props 的淺比較
     • (React 16.9) Suspense for Data Fetching
   • (React 16.9) Concurrent Rendering: 併發渲染

   本期評論員：React近期的趨勢是要代碼更少、運行更快，來解決日益龐大的應用帶來的問題，目前能夠入手動態加載組件的功能了，有性能瓶頸的項目能夠應用一試了

2. Create-React-App 2.0 發佈

   • 更新到 webpack 4, Babel 7, 支持 React v16的最新版語法
   • 支持 SCSS 和 CSS Modules
   • v2.1 時, 新增了 TypeScript 支持

   本期評論員：2.0 加入了不少新的功能，尤爲 TypeScript 支持。學習搭建腳手架和鏈路工具能夠算得上一個很好的模版

3. React Native發佈重構路線圖，指望讓RN更輕量，更適應 JavaScript 生態圈的發展

   • 同期關注 Flutter

   本期評論員：大前端的概念已經提了好久了，只說終端方向，尤爲是RN、Flutter、Electron的出現，甚至包含嵌入式開發，一人精通 Web 和 Native 開發多是一個愈來愈強烈的趨勢

4. Vue 3.0 開發路線

   • 最大的部分是渲染函數中使用的 Virtual DOM 格式（美其名曰博衆家之長吧）
   • 更全面的使用 TypeScript

5. Angular 7.0 發佈

   • 跨整個平臺的大版本，包括核心框架、Angular Material 和與主版本同步的CLI

6. Node.js 11發佈，Node 10正式進入LTS，alinode-v4.5.0也進行了支持

   • v11 支持 V8 新發布的 v7.0

7. Chrome 70 正式版發佈：windows端將支持PWA

   本期評論員：擁抱 PWA，今天前端應用愈來愈龐大，離線和性能的要求就日益凸顯，PWA 也在獲得各大瀏覽器廠商的支持，有需可入坑

8. Taro 全面支持微信/百度/支付寶小程序

   本期評論員：小程序如今處於混戰階段，各種小程序層出不窮，業界確實有場景，有痛點，應用角度上有此需求的開發同窗能夠入手嘗試一下，不失爲提升人效的一種方案。可是小程序也在不斷演進，坑也確定特別多。從技術角度來說我的並不看好這樣的集成框架

9. top programming languages of 2018

   • blog.github.com/2018-11-15-…
   • TypeScript 增加迅速，是一種開發友好，運營也很好的語法集合，值得擁有
   • 增加迅速的語言的一些特色
     • Type safety 類型安全
       • Python
       • TypeScript
       • Kotlin
     • Interoperability 互通
       • TypeScript <-> Javascript/ES
       • Rust & Kotlin <-> C & java
       • Python <-> ...
     • Open Source 開源

   本期評論員：愈來愈多的成熟的語言特性被引入到前端開發中，從增加趨勢來看 TypeScript 勢頭迅猛，ES超集無縫切換，友好的學習曲線，靜態類型檢查，類Java 和 C# 的嚴謹語言結構，受到大批程序員的青睞

10. 一篇介紹 TypeScript 開發指南

    • www.sitepen.com/blog/2018/1…

    本期評論員：TS 風頭正勁，趕忙來學習下吧，相信你會愛不釋手

11. Github 倉庫數量破億了

    • blog.github.com/2018-11-08-…

將來關注

1. HTTP 3

   • 博文dev.to/grigorkh/wh…
   • 官宣mailarchive.ietf.org/arch/msg/qu…

2. Google 推出 Virtual Scroller，拯救web長列表，(研發階段)

   • 掘金juejin.im/entry/5bf49…

3. Webkit 推出新的圖形着色語言 whlsl（初級階段）

   • 對 HLSL（DirectX的高級着色語言） 的拓展
   • Github倉庫github.com/gpuweb/WHLS…