来用 TypeScript(技术周刊 2019-04-01)

3,928 阅读2分钟

前端快爆

  • 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…