系列文章
【Day 21】TypeScript 類別 -存取修飾符(Access Modifiers)、抽象( Abstract)
昨天簡單的介紹了類別的基本用法和繼承概念，今天來繼續探討類別中蠻重要的功能-存取修飾符(Access Modifiers)以及abstract關鍵字。 存取修飾...
【Day 22】TypeScript 類別繼承(Class Inheritance) v.s. 實踐(Implements)
在前兩天的文章中都有提到類別繼承(Class Interitance)的概念，使用的是extends關鍵字，今天會再深入探討並加上討論類別實踐(Class Im...
【Day 23】TypeScript - 類別存取器（Accessors）
在 TS 中類別有些屬性，我們希望只在類別內部操作，這時候會使用 private 修飾符，如此，該屬性就無法在外部存取，提高資料的安全性。但如果這時候，我們想要...
【Day 24】在 React 專案中使用 TypeScript - 建置開發環境
今天開始來探討如何使用 TS 結合 React 進行開發，要開發一個專案，最重要的就是建置開發環境。這裡我們會介紹兩種React + TypeScript 建置...
【Day 25】在 React 專案中使用 TypeScript - 模組(Module)觀念(上)
昨天學習了如何建立 React 加 TypeScript 的開發環境，但是在嘗試開發的過程中，發現還有一些很重要的觀念需要了解，模組就是其中之一。在 React...
【Day 26】在 React 專案中使用 TypeScript - 模組(Module)觀念(下)
昨天提到了模組觀念以及撰寫語法，今天要來探討 TS 模組編譯成 JS 的機制了！ 模組編譯設定 我們無法直接使用 .ts 檔案中的模組，一定需要編譯成 JS 檔...
【Day 27】在 React 專案中使用 TypeScript - 命名空間(namespace)
前兩天初步的探討了模組的基本皮毛(每一個模組規範都是個深耕(誤)，仍待細細研究)。今天接著要來探討在探討模組時，一直感到很疑惑的命名空間(namespace)。...
【Day 28】在 React 專案中使用 TypeScript - 宣告檔案(declaration file)
之前在探討模組解析時，不知道大家有沒有注意到 import { b } from “./moduleB”在查找模組的過程中，除了同層資料夾尋找 moduleB....
【Day 29】在 React 專案中使用 TypeScript - 宣告檔案(declaration file)(下)
昨天我們探討了宣告檔案的使用情境，知道如何載入第三方宣告檔案，以及如何判斷函式庫使用方式，今天要來探討如何撰寫宣告檔案.d.ts以及如何發布宣告檔案。 在使用情...
【Day 30】總結：TypeScript 初心者的學習之路
今天是鐵人賽的最後一天，想來聊聊這30天的參賽心得。想想當初參賽在賽前一個禮拜決定從較熟悉的 React 主題，換成完全沒碰過未知的 TypeScript ，一...