iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
自我挑戰組

Typescript 初心者手札 系列

藉由30天鐵人賽的機會,展開 TypeScript 學習之路,學習如何在 React 專案使用 TypeScript。

鐵人鍊成 | 共 30 篇文章 | 56 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v3.0
DAY 21

【Day 21】TypeScript 類別 -存取修飾符(Access Modifiers)、抽象( Abstract)

昨天簡單的介紹了類別的基本用法和繼承概念,今天來繼續探討類別中蠻重要的功能-存取修飾符(Access Modifiers)以及abstract關鍵字。 存取修飾...

2019-10-06 ‧ 由 Kira 分享
DAY 22

【Day 22】TypeScript 類別繼承(Class Inheritance) v.s. 實踐(Implements)

在前兩天的文章中都有提到類別繼承(Class Interitance)的概念,使用的是extends關鍵字,今天會再深入探討並加上討論類別實踐(Class Im...

2019-10-07 ‧ 由 Kira 分享
DAY 23

【Day 23】TypeScript - 類別存取器(Accessors)

在 TS 中類別有些屬性,我們希望只在類別內部操作,這時候會使用 private 修飾符,如此,該屬性就無法在外部存取,提高資料的安全性。但如果這時候,我們想要...

2019-10-08 ‧ 由 Kira 分享
DAY 24

【Day 24】在 React 專案中使用 TypeScript - 建置開發環境

今天開始來探討如何使用 TS 結合 React 進行開發,要開發一個專案,最重要的就是建置開發環境。這裡我們會介紹兩種React + TypeScript 建置...

2019-10-09 ‧ 由 Kira 分享
DAY 25

【Day 25】在 React 專案中使用 TypeScript - 模組(Module)觀念(上)

昨天學習了如何建立 React 加 TypeScript 的開發環境,但是在嘗試開發的過程中,發現還有一些很重要的觀念需要了解,模組就是其中之一。在 React...

2019-10-10 ‧ 由 Kira 分享
DAY 26

【Day 26】在 React 專案中使用 TypeScript - 模組(Module)觀念(下)

昨天提到了模組觀念以及撰寫語法,今天要來探討 TS 模組編譯成 JS 的機制了! 模組編譯設定 我們無法直接使用 .ts 檔案中的模組,一定需要編譯成 JS 檔...

2019-10-11 ‧ 由 Kira 分享
DAY 27

【Day 27】在 React 專案中使用 TypeScript - 命名空間(namespace)

前兩天初步的探討了模組的基本皮毛(每一個模組規範都是個深耕(誤),仍待細細研究)。今天接著要來探討在探討模組時,一直感到很疑惑的命名空間(namespace)。...

2019-10-12 ‧ 由 Kira 分享
DAY 28

【Day 28】在 React 專案中使用 TypeScript - 宣告檔案(declaration file)

之前在探討模組解析時,不知道大家有沒有注意到 import { b } from “./moduleB”在查找模組的過程中,除了同層資料夾尋找 moduleB....

2019-10-13 ‧ 由 Kira 分享
DAY 29

【Day 29】在 React 專案中使用 TypeScript - 宣告檔案(declaration file)(下)

昨天我們探討了宣告檔案的使用情境,知道如何載入第三方宣告檔案,以及如何判斷函式庫使用方式,今天要來探討如何撰寫宣告檔案.d.ts以及如何發布宣告檔案。 在使用情...

2019-10-14 ‧ 由 Kira 分享
DAY 30

【Day 30】總結:TypeScript 初心者的學習之路

今天是鐵人賽的最後一天,想來聊聊這30天的參賽心得。想想當初參賽在賽前一個禮拜決定從較熟悉的 React 主題,換成完全沒碰過未知的 TypeScript ,一...

2019-10-15 ‧ 由 Kira 分享