TypeScript 後記

後記
終於完成連續三十天的鐵人賽文章撰寫!距離我第一次參加鐵人賽已經三年之久了。這次參加主要是因為朋友邀請一起參賽,同時我自己也想藉此機會深入了解 TypeScript 5 的新功能,強迫自己透過寫作來吸收知識。
因為是臨時決定參加,對於三十天的撰寫內容一開始只有一個大概的框架。再加上 TypeScript 已經發展了很多年,網路上也有大量優質的資源,所以前面基礎部分的內容相對比較簡單,就快速帶過。也因此,有一些比較冷門或不太常用的部分並未詳細介紹,比如現代模組開發中,較少使用的 namespace,以及平常開發中實用但未被我遺忘要介紹的 Narrowing 技巧。
很感謝網路上的各位前輩大大們的文章和資源,這些分享幫助我在學習和撰寫中更認識以前未曾思考過的問題,也很感謝那些夜裡 ChatGPT 和 Cursor 的陪伴度過難關。
而目前 TypeScript 5 的更新除了重大變更的裝飾器功能之外,還有許多開發上細節的大優化,這些改變讓開發體驗變得更加靈活與高效。我個人也非常期待未來能夠廣泛使用 using 關鍵字,它將帶來更好的資源管理方式。不過,由於這個新功能還在 stage 3 階段,在日常工作中還無法直接應用,只能在 Side project 中進行一些嘗試。
總結這次的撰寫過程,最大的收穫不僅是技術知識的提升,更是對 TypeScript 在日常工作中的實作應用有了更深的理解。未來有時間還會在繼續實作這個 Side project,並使用 TypeScript 的新功能,也期待能與大家一起交流更多技術心得。
在此很感謝朋友邀請一起組團寫文章~ 也歡迎來 Side Project Taiwan Discord 找志同道合的同伴!
有關 Side Project Taiwan 的簡介
Side Project Taiwan 的宗旨是藉由Side Project開發來成就自我,透過持續學習和合作,共同推動技術和專業的發展。我們相信每一個參與者,無論是什麼專業,都能在這個社群中找到屬於自己的成長空間。
歡迎所有對Side Project開發有興趣的人加入我們,可以是有點子來找夥伴,也可以是來尋找有興趣的Side Project加入,邀請大家一同打造一個充滿活力且有意義的技術社群!
Discord頻道連結:https://sideproj.tw/dc
相關文章
TypeScript 實戰:製作 npm Package
在開發專案時,經常會遇到跨專案共用邏輯或工具的情況,例如常用的 logger 或驗證工具。如果每次都從一個專案複製貼上到另一個專案,難免會出現版本不同步或維護困難的問題。為了解決這類問題,我們可以將這些共用邏輯獨立成為 npm 套件,以便在多個專案中重複使用。
TypeScript 實戰:前端表單與串接 API
在現代前端開發中,與後端進行資料交換是常見的需求。透過 HTTP 請求,我們可以將資料送出並取得結果。這篇文章將介紹如何使用 TypeScript 實作前端表單與串接 API,並展示如何將這些功能結合到 React 應用中。同時,文章還會介紹如何解決跨域問題(CORS),以便讓前後端能順利溝通。
TypeScript 實戰:前端泛型元件
今天我們將實作一個任務清單元件,並一步步重構它,使原本無法複用的元件,利用泛型變成更通用、更彈性的元件。這章節會著重在如何運用 TypeScript,不會過多討論 React 的原理。如果對 React 還不太熟悉,可以先參考官方[快速上手文件](https://react.dev/learn)。