TypeScript 入门

每个人都在谈论微软支持的 JavaScript 超集。许多新库在编写时都考虑到了类型，而且许多库仍在不断添加类型，以确保安全性并提升开发者体验。

入门可能会有点挑战，尤其是如果你的背景是动态语言（对我来说确实如此）。以下是一些帮助我快速入门并熟悉其语法和生态系统的资源。尽情享受吧！

设置

有几种方法可以尝试 TypeScript。

如果您已经在使用 Babel，Babel 7 附带了一个新的预设。查看此文章了解更多信息：https://iamturns.com/typescript-babel

如果您想使用 CRA（create-react-app），请--typescript在从 CLI 生成新项目时使用该标志。链接

想要将 Typescript 添加到现有的 CRA 吗？这里有一个迁移路径。

如果你只是想在浏览器中尝试该语言，请尝试官方游乐场

最后，如果您想在本地试用编译器，请使用入门指南。

学习 Typescript

有点矛盾的是，TS 向许多来自静态类型语言传统背景的开发人员开放了前端世界。

最重要的可能是官方手册。

有很多博客和文章致力于入门、风格、OOP、常见陷阱、高级类型等——这里列举一些亮点。

• TypeScript 简介（互动视频） ⭐
• 理解 TypeScript 的类型符号 - 2ality ⭐
• TypeScript 深度探索 - Basarat
• TypeScript 实用入门
• TypeScript 演变（涵盖 2.0）

Typescript + React

介绍

• https://fettblog.eu/typescript-react
• https://github.com/piotrwitek/react-redux-typescript-guide
• https://github.com/sw-yx/react-typescript-cheatsheet

用例

• https://tinkerylabs.com/react-context-api-with-hooks

函数式 Typescript

像 Lodash 和 Ramda 这样的库长期以来一直支持函数式风格，现在开发人员可以直接从 Haskell 和 Scala 等语言中实现想法。

一些非常值得注意的项目：

• FP-TS
• 净化
• piotrwitek/实用类型
• FunFix

一些关于FP的文章

• http://vindum.io/blog/lets-reinvent-frp
• https://www.chemistry.co.za/ functional-fun-typescript-generics
• https://www.reaktor.com/blog/fear-trust-and-javascript

最后那篇文章是对 JavaScript 和函数式编程与类型不兼容的一种反驳。它并非完全充满敌意，而且我从中也学到了一些东西，所以我就保留它（为了平衡！）。