來用 TypeScript（技術週刊 2019-04-01）

前端快爆

• WebKit 已經實現了 ResizeObserver API，此前該 API 已被 Chrome 支持。經過 ResizeObserver 能夠監聽元素盒子尺寸的變化。🔗

點評：隨着 Edge 遷移到 Chromium 內核，只剩 Firefox 就齊活了。

• Scroll-linked Animations 進入 W3C 非官方草案。經過 Scroll-linked Animations 你能夠容易地編寫頁面滾動時觸發的元素動畫。🔗

點評：從前用 DOM Event 作的事情能夠寫幾行 CSS 屬性輕鬆實現，且效率更好。

• Babel 7.4.0 發佈，支持了偏函數應用、類靜態私有方法，提升了與標準的契合程度。🔗

點評：因此，TypeScript 瞭解一下？

• CSSWG 決定把 display: bootstrap 加入規範，與此同時，瀏覽器將內置 Bootstrap 庫以加快頁面的加載速度。🔗

點評：謠言。

百寶箱

• react-use

點評：一個經常使用 React Hooks 的集錦，讓你再也不重複造輪子。

• io-ts

點評：TypeScript 僅支持靜態類型檢查，io-ts 但願彌補運行時的類型檢查。

• VS Code 插件：Partial Diff

點評：根據選中範圍靈活 Diff 代碼，實乃重構利器！

專題：TypeScript

開始使用

• TypeScript 體系調研報告

若是你還沒下定決心使用 TypeScript，此文將從多角度向你詳盡介紹應用 TS 後的利弊得失。

• TypeScript Handbook

官方指南，適合已經熟悉 JavaScript 的老手。

• 深刻理解 TypeScript

「《TypeScript Deep Dive》 是一本很好的開源書，從基礎到深刻，很全面的闡述了 TypeScript 的各類魔法，它不一樣於 TypeScript 官方給出的文檔，在此書中，結合實際應用下的場景用例，你將能更深刻的理解 TypeScript。」

技巧與實踐

• What's new in TypeScript

官方維護在 Github 上的更新文檔，一些還沒有總結進 Handbook 的進階用法都能在這裏找到。

• clean-code-typescript

用 TypeScript 描述的《代碼整潔之道》。

• 巧用 Typescript

一些能快速習得、立竿見影的 TypeScript 技巧。

• TypeScript 2.8 下的終極 React 組件模式

介紹瞭如何用 TypeScript 來實現 React 的各類組件模式。

• react-typescript-cheatsheet

React 與 TypeScript 搭配的全面指南，分爲基礎、進階、遷移、HOC 四個篇章。

---

編輯： @馮雨 & 審閱： @humphry huang & 專題供稿： @馮雨

題圖來源：blog.logrocket.com/7-bad-excus…