來用 TypeScript(技術週刊 2019-04-01)

阿里媽媽前端快爆發表於2019-04-03

來用 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 Hooks 的集錦,讓你不再重複造輪子。

點評:TypeScript 僅支援靜態型別檢查,io-ts 希望彌補執行時的型別檢查。

點評:根據選中範圍靈活 Diff 程式碼,實乃重構利器!

專題:TypeScript

開始使用

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

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

“《TypeScript Deep Dive》 是一本很好的開源書,從基礎到深入,很全面的闡述了 TypeScript 的各種魔法,它不同於 TypeScript 官方給出的文件,在此書中,結合實際應用下的場景用例,你將能更深入的理解 TypeScript。”

技巧與實踐

官方維護在 Github 上的更新文件,一些尚未總結進 Handbook 的進階用法都能在這裡找到。

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

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

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

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


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

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

相關文章