iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

用 TypeScript 重新定義前端開發:30 天的實踐與思考 系列

在過去的前端開發中,TypeScript 正逐漸成為許多開發者的首選工具。作為一名工程師,我在學習和使用 TypeScript 的過程中,感受到它帶來的開發體驗提升,也逐漸累積了一些經驗和心得。
出於個人學習的動機,我決定透過連續 30 天的文章分享,整理並紀錄我在使用 TypeScript 以及搭配 React 時的所學所思,期許在分享中更鞏固我對 TypeScript 的理解。

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21:使用 TypeScript 與 Redux,為 action 和 reducer 定義型別

Redux 是一個在 React 應用程式中常用的狀態管理工具,能夠有效地管理大型應用中的全域狀態。當我們使用 TypeScript 與 Redux 時,型別支...

2024-10-04 ‧ 由 Annie 分享
DAY 22

Day22:使用 TypeScript 為 React 元件定義複雜的型別

在開發大型 React 應用程式時,製作一些抽象化元件能提升程式碼的可重用性和可維護性。而在 TypeScript 的幫助下,可以為這些元件加上嚴格的型別註記,...

2024-10-05 ‧ 由 Annie 分享
DAY 23

Day23:使用 TypeScript 為 API 請求和響應定義型別

在前端開發時,經常需要和後端 API 進行溝通,傳遞資料並接收回應。而在這些操作中,為了確保數據的正確性和程式碼的穩定性,使用 TypeScript 來為 AP...

2024-10-06 ‧ 由 Annie 分享
DAY 24

Day24:使用 TypeScript 為異步操作與 Promise 添加型別加持

在 JavaScript 中,異步操作(例如網絡請求、讀取檔案等)經常使用 Promise 來處理,而 TypeScript 允許我們為這些 Promise 和...

2024-10-07 ‧ 由 Annie 分享
DAY 25

Day25:TypeScript 的高級型別 (Advanced Types)

今天要介紹 TypeScript 裡的高級型別,分別是條件型別 (Conditional Types)、映射型別 (Mapped Types)與推斷型別 (In...

2024-10-08 ‧ 由 Annie 分享
DAY 26

Day26:使用 TypeScript 處理第三方庫中的型別定義

在開發前端應用時,我們經常需要使用第三方庫。然而,並不是所有的 JavaScript 第三方庫都自帶 TypeScript 的型別定義,所以我們需要瞭解如何為這...

2024-10-09 ‧ 由 Annie 分享
DAY 27

Day27:使用 TypeScript 進行編譯階段錯誤檢查

TypeScript 則是一種靜態型別語言,通過在編譯階段進行型別檢查來提前捕捉在運行時可能會遇到意外的錯誤。這可以幫助我們避免許多潛在的 bug,使得程式碼更...

2024-10-10 ‧ 由 Annie 分享
DAY 28

Day28:TypeScript 的實用工具與插件

TypeScript 在 JavaScript 基礎上提供了強大的靜態型別系統和編譯階段錯誤檢查功能。然而,TypeScript 的強大功能不僅限於型別檢查,還...

2024-10-11 ‧ 由 Annie 分享
DAY 29

Day29:使用 TypeScript 寫測試 - Jest 篇

在現在的前端應用程式開發中,撰寫測試對於確保代碼的穩定性和可維護性非常重要。而 Jest 就是盛行的其中一個 JavaScript 測試框架,內建支援斷言庫和模...

2024-10-12 ‧ 由 Annie 分享
DAY 30

Day30:TypeScript 在大型應用中的應用淺談

隨著前端技術的不斷發展,現代應用變得愈來愈複雜,開發團隊也愈來愈龐大。這時候,強大的型別系統與模組化結構就顯得至關重要。而 TypeScript,作為 Java...

2024-10-13 ‧ 由 Annie 分享