當初為什麼報名這堂課

前年在開發公司內部案子當愈寫愈多功能時,在回過頭去看的時候就覺得蠻吃力的,例如:一個 function 傳入的參數是什麼型別呢 ? 會開始有這樣的疑問,開發過程有發生過後端改了 API 和 Swagger 沒告知前端,我發現後也只能口頭詢問後端是不是有修改過呢 ? 而沒辦法拿出證據只能憑猜測,但今天如果是寫 TS 就如同有文件一樣,可以看程式碼時就清楚的知道 API 回傳格式,經由這次的內部案子深刻體會到一定要學 TS,所以看到六角學院開這門課時就趕快報名了 👍

進修與生活如何調配時間

報名這堂課時有評估工作排程剛好比較有空閒所以能利用空檔學習 React + TS 下班後都在玩遊戲和看劇,只是繳交團體作業的前兩天為了幫其他組員收尾就有利用下班時間趕工。

在幫組員收尾時發現有 TS 真的很棒 ~

覺得在 TypeScript 上面有收穫/卡關的地方

收穫:type 和 interface 的差異

type:不能重複宣告
interface:可以重複宣告且會幫你合併

type:可藉由[聯集 ( union )]擴充
interface:使用[extends]擴充

因為 interface 命名相同時會自動合併
所以使用上我都會先以 type 來定義
等到需要擴充時才改用 interface

另一種使用 interface 情境
會是需要擴展第三方套件型別

卡關:宣告 React Type

使用 ChatGPT 才解決

// 卡關地方: React.MouseEvent<HTMLAnchorElement>

const onClickLogoutHandler = (e: React.MouseEvent<HTMLAnchorElement>) => {
...
};

有累積哪些好的生活與學習習慣

跟著課程的[每日任務]每天花 30 分鐘學習效果蠻不錯的

學著使用 AI ( ChatGPT 、Copilot )

下一步你會嘗試如何讓 TS 導入到自己的專案中 ?

能使用 TS 就用 TS 後期維護的人會感受到 TS 的好

只是用 TS 卻都寫 any 後期維護的人會 OOXX

推薦好文章

TypeScript 新手指南

優雅的在 React 中使用 TS

--

--

Conrad
Conrad KU

Remember, happiness is a choice, so choose to be happy.