前端技術週刊 2018-12-17：React 機理

React 前端開發 · 發表 2018-12-18 11:42:40

摘要：前端技術週刊 2018-12-17 前端快爆 npm 釋出了 2018 年的 JavaScript 與 npm 報告。其中，JavaScript 成為世界上最受歡迎的程式語言，最主要的原因之一為 JavaScript 擁有最多可用的庫，多個庫的下載量有了變化：R...

前端技術週刊 2018-12-17

npm 釋出了 2018 年的 JavaScript/">JavaScript 與 npm 報告。其中，JavaScript 成為世界上最受歡迎的程式語言，最主要的原因之一為 JavaScript 擁有最多可用的庫，多個庫的下載量有了變化：React 增速放緩、Vue 和 GraphQL 維持高增速、Babel 滲透率超過 6 成。此外，報告也預測了 2019 年：框架與庫可能會有一個巨頭掉隊、React 依將佔據社群主導地位、GraphQL 和 TypeScript 將有極大發展空間。 ofollow,noindex" target="_blank">:link:

點評：一般一個框架的生命週期也就持續 3-5 年，期待我們不用面臨那麼多選擇的那天。

Firefox 64 釋出。新版支援了 CSS/CSS_Scrollbars" rel="nofollow,noindex" target="_blank">CSS Scrollbars 、媒體查詢 any-pointer 、 any-hover 和 prefers-reduced-motion (Android)、無字首的 API/Fullscreen_API" rel="nofollow,noindex" target="_blank">Fullscreen API 、 WebWorker.startMessages() ，相容了 -webkit-appearance ，支援了 JSON 構造優化提案使得不在 BMP 平面且不匹配 UTF 16 字元的 Unicode 轉義字面量不會在 JSON.stringify 後返回不合法的 JSON（Chrome 72 也將支援）。 :link:

點評：發現諸多瀏覽器對 -webkit- 字首真的是無比寬容 :see_no_evil:

Chrome 71 釋出，支援了多語言的相對時間 API Intl.RelativeTimeFormat 、 text-underline-position 的 left 和 right 值，SpeechSynthesis API 也需要使用者有互動，此外，ServiceWorker 中實驗性支援了可在網頁生命週期之外下載內容的 Background Fetch API ，移動版還支援了聚合分享的 Web Share Target API 。 :link:

對 HTTP Archive 資料來源的分析可以發現，2011 年至 2018 年，第一方 JavaScript 程式碼增長了1倍，第三方 JavaScript 程式碼增長了 7 倍。 :link:

react-redux 16 釋出，它使用了 React 16.4 新帶來的 Context API，與此同時停止了往 this.context 注入 state 的行為，如果有類似程式碼依賴這樣的 API 需要採用 <Context.Provider> 進行替代。
ncc 是一個把 Node.js 專案打包成單檔案的一個命令列工具，它使得 Node.js 專案可以更快部署、更容易與 Serverless 結合、啟動時間更快。
在 npm 裡面尋找合適的庫可能對大家來說都是難事，有的時候難免碰到一些野雞庫或者包含惡意程式碼的庫，文章《 635000 個 npm 包中我應該用哪個》針對請求、框架、校驗、鑑權、非同步、資料庫、API 文件、CLI、日誌、測試、工具等分類進行了簡單的推薦。
Pika 是一個幫助大家搜尋 npm 中 esm 包的一個站點。

伴隨著 Overreacted 這個站點的上線，我們知道了更多 React 介面設計和實現的考量，本期專題為大家整理了介紹 React 機理的相關文章。

編輯：承虎 & 審閱：壹絲 & 專題供稿：承虎