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

前端技術週刊 2018-12-17

前端快爆

• npm 發佈了 2018 年的 JavaScript 與 npm 報告。其中，JavaScript 成爲世界上最受歡迎的編程語言，最主要的緣由之一爲 JavaScript 擁有最多可用的庫，多個庫的下載量有了變化：React 增速放緩、Vue 和 GraphQL 維持高增速、Babel 滲透率超過 6 成。此外，報告也預測了 2019 年：框架與庫可能會有一個巨頭掉隊、React 依將佔據社區主導地位、GraphQL 和 TypeScript 將有極大發展空間。🔗

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

• Firefox 64 發佈。新版支持了 CSS Scrollbars、媒體查詢 any-pointer、any-hover 和 prefers-reduced-motion (Android)、無前綴的 Fullscreen API、WebWorker.startMessages()，兼容了 -webkit-appearance，支持了 JSON 構造優化提案使得不在 BMP 平面且不匹配 UTF 16 字符的 Unicode 轉義字面量不會在 JSON.stringify 後返回不合法的 JSON（Chrome 72 也將支持）。🔗

點評：發現諸多瀏覽器對 -webkit- 前綴真的是無比寬容 🙈

• Chrome 71 發佈，支持了多語言的相對時間 API Intl.RelativeTimeFormat、text-underline-position 的 left 和 right 值，SpeechSynthesis API 也須要用戶有交互，此外，ServiceWorker 中實驗性支持了可在網頁生命週期以外下載內容的 Background Fetch API，移動版還支持了聚合分享的 Web Share Target API。🔗

• 對 HTTP Archive 數據源的分析能夠發現，2011 年至 2018 年，第一方 JavaScript 代碼增加了1倍，第三方 JavaScript 代碼增加了 7 倍。🔗

• 螞蟻金服體驗科技大會將在 2019 年 1 月 5 號在杭州舉辦，目前仍可報名。🔗

瑞士軍刀

• 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 包的一個站點。

專題：React 機理小輯

伴隨着 Overreacted 這個站點的上線，咱們知道了更多 React 接口設計和實現的考量，本期專題爲你們整理了介紹 React 機理的相關文章。

React 實現

• React 16.0 源碼分析
• 徹底理解 React Fiber
• React DOM Diff 算法
• React 如何區分 Class 和 Function
• react-redux 的實現沿革

React 相關接口設計

• React 16 特性梳理
• React Hooks 爲什麼依賴調用順序？
• React Element 爲什麼有$$typeof 屬性？
• React 的 setState 爲什麼不是 Promise ？
• React 爲什麼淘汰了 Mixin？

---

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