TypeScript Roadmap

接触 TypeScript 差不多快一个月了,越来越喜欢 TypeScriptTypeScript 对于之前没写过后端的同学来说,可能略费劲,主要因为 TypeScript 包含很多概念,需要理解。因此,在这里把学习 TypeScript 的一些过程看的资料罗列出来,加以点评,以便后人:)

开始

既然是开始,从官方文档开始是最合适的。这篇文章快速感受一下TypeScript的实例,不求理解,只求感受写法。

官方文档

好,以上资料让你对TypeScript有个最基本的了解,真正带我入门 TypeScript 的文章是这篇:TypeScript 第一步 · Chen’s Blog以及这位博主的第二篇: TypeScript 进阶:给第三方库编写声明文件 · Chen’s Blog

基于上面两篇文章,相信你已经能够上手写 TypeScript 然后编译到 JS 了。那么接下来我们会想 TypeScript 如何结合 Webpack React Redux Preact Flux 之类的库了。别急,请看:

  • TypeScript started with webpack

TypeScript + Webpack 配置之路

当然也有一个很好的介绍 TypeScript-React-Redux 结合使用的系列文章:
GitHub - rjz/typescript-react-redux: A TypeScript-enabled react/redux application。这篇文章主要有6个部分:

  • start
  • adding React
  • async actions
  • with jest
  • react-thunk
  • HOC

当然为了让你有更好的认识,我使用 TypeScript + React + Redux + React-Redux 写了一个 TODOMVC,代码放在了 GitHub 上 hifizz/todomvc :)
可能你一下子难以看明白一些细节,那么贴心的我给你写了一个不使用TypeScript的版本:

当然,我主要使用 TypeScript 写三个方向的东西:

  • 独立组件/模块。比如我发布的npm模块 fizz-event-bus, React Avatar 组件Avatar, [index-array]
  • 库。比如我给公司会控项目抽取的基础组件库:salmon。
  • 业务代码:结合 Webpack+React 的项目。
    ...

问题集锦:

以下问题是我在探索过程中遇到的一些问题:

  1. 如何结合使用 CSS
  2. 如何结合ES7装饰器,await/async
  3. 如何集成tslint
  4. 如何集成prettier
  5. 如何找第三方库的 type (或者合适版本的 type)
  6. storybook
  7. 如何写测试
Show Comments