### 學習材料 - 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)