TypeScript 子 Roadmap

回到主 roadmap → Frontend Roadmap 的 F05。

跨領域連結:

  • 後端 TypeScript 使用 → express
  • API contract 對齊 → F09 API

Stage:🌱 seed / 🌿 growing / 🌳 mature


基礎層

#主題連結stage
01為什麼要用 TypeScriptwhy🌿
02基本型別(primitives)primitives🌿

實戰層

#主題連結stage
03-1實戰 Patterns:Utility Types、命名轉換practical-patterns🌿
03-2泛型(Generics)與 Type Guardpractical-patterns-2🌿
03-3Conditional Types 與 Mapped Typespractical-patterns-3🌿

進階(待寫)

#主題stage
04-1Template Literal Types🌱
04-2Infer 與型別推斷🌱
04-3Variance(協變 / 逆變)🌱
04-4型別體操實戰題🌱

跨層應用(待寫)

#主題stage
05-1跟後端 API 型別對齊(OpenAPI TS 生成)🌱
05-2Zod / Valibot / Yup 比較🌱
05-3Runtime validation × 編譯期型別整合🌱
05-4錯誤處理的型別模式(Result / Either)🌱
05-5TypeScript 工程化(tsconfig、path alias、build)🌱

進度統計

  • 子題:13(5 🌿 + 8 🌱)
  • 🌳 mature:0