---
# System prepended metadata

title: TypeScript 學習資源

---

### 學習材料
- https://type-level-typescript.com/
- https://effectivetypescript.com/
- TS Type Manipulation 題庫 😂
    - https://github.com/type-challenges/type-challenges
- 從 Functional Programming 的角度看 2021 的 TypeScript
    - https://blog.jerry-hong.com/speaking/from-fp-to-2021-typescript
- TypeScript Deep Dive
    - https://basarat.gitbook.io/typescript/
- 尤雨溪 在知乎上針對 Vue 3 轉移到 TS 的分享
    - https://zhuanlan.zhihu.com/p/68477600
- 鐵人賽 TS Type 學習資源
    - https://ithelp.ithome.com.tw/users/20103315/ironman/4764
- 高等級的 TS Type Manipulation 指南
    - https://zhuanlan.zhihu.com/p/427309936



### TypeScript Migration 它山之石
- Etsy 
    - https://www.etsy.com/codeascraft/etsys-journey-to-typescript
- Spotify
    - https://www.youtube.com/watch?v=Jim-KbuEKvc 
- Sentry
    - https://blog.sentry.io/2021/04/12/slow-and-steady-converting-sentrys-entire-frontend-to-typescript/
- Stripe
    - https://stripe.com/blog/migrating-to-typescript
    - https://www.typescriptcourse.com/podcast/migrate/stripe-migration
- Reddit
    - https://www.redditinc.com/blog/why-we-chose-typescript/
- Slack
    - https://slack.engineering/typescript-at-slack/
- AirBnb 
    - https://picture.iczhiku.com/weixin/message1627883093353.html
- Google Chrome DevTool
    - https://developer.chrome.com/blog/migrating-to-typescript/
- Google puppeteer
    - https://developer.chrome.com/blog/puppeteer-typescript/

    
## TypeScript Mixin Pattern 問題
* https://www.typescriptlang.org/docs/handbook/mixins.html
* https://justinfagnani.com/2015/12/21/real-mixins-with-javascript-classes/
* https://reactjs.org/blog/2016/07/13/mixins-considered-harmful.html
* https://zhuanlan.zhihu.com/p/357360564
* https://zhuanlan.zhihu.com/p/426554401
* https://zhuanlan.zhihu.com/p/68477600

### 工具
- TypeStat
Converts JavaScript to TypeScript and TypeScript to better TypeScript.
https://github.com/JoshuaKGoldberg/TypeStat

- TypeDoc
https://github.com/TypeStrong/typedoc

- Zod.js
Runtime data schema validation
https://zod.dev/

- Type-Fest
Type Utils，幫助型別運算的工具組
https://github.com/sindresorhus/type-fest

- [nicoespeon.abracadabra](https://marketplace.visualstudio.com/items?itemName=nicoespeon.abracadabra)
VSCode Plugin，TS/JS 重構工具
[重構功能列表](https://github.com/nicoespeon/abracadabra/blob/main/REFACTORINGS.md)
    - Extract Class
    ![](https://github.com/nicoespeon/abracadabra/blob/main/docs/demo/extract-class.gif?raw=true)
    - Move to Existing File
    ![](https://github.com/nicoespeon/abracadabra/blob/main/docs/demo/move-to-existing-file.gif?raw=true)

- twoslash-queries
撰寫複雜型別時的輔助工具
https://marketplace.visualstudio.com/items?itemName=Orta.vscode-twoslash-queries
![](https://s3.ap-northeast-1.amazonaws.com/kkbox-corp-it-codimd-upload/codimd-images/b18da0cc-c0e9-4b20-9199-b111f4d6805a.png)