iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

你也對開始使用typescript感到無力嗎?我也是 - 30天初探typescript 系列

「平常順順的寫js就好啦,幹嘛還需要typescript多增加學習曲線跟開發難度?」
我曾這樣想,但隨著專案越來越大&複雜,沒有typescript的輔助還真是會有點頭痛
(這變數到底是string還是number還是???)
希望能順利完賽,順利紀錄學習typescript&引入專案的過程

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

第21天!TypeScript與React!

比較基礎的TypeScript概念,以我能力所及,已經提的差不多了QQ 那接下來就讓我們看看要怎麼在React中加上TypeScript吧! 相信前面十幾天的文...

2022-10-06 ‧ 由 Lin Chen 分享
DAY 22

第22天!TypeScript與React的Props!

昨天會先講useState,是因為他應該是學React的人最早碰到的hook,使用上也不會太困難,畢竟他就是對一個變數進行型別註解而已,除非你的初始值跟與後續可...

2022-10-07 ‧ 由 Lin Chen 分享
DAY 23

第23天!TypeScript 與 useEffect!

昨天簡單的講了Props,以及用Props內的handleChange舉了個例,相信大家對於“怎麼在React中使用TypeScript“,有多一點的認識。(我...

2022-10-08 ‧ 由 Lin Chen 分享
DAY 24

第24天!TypeScript 與 useRef!

昨天看完了簡單的useEffect,前天也看了useState,今天再來看點差不多簡單的:useRef。 我們都是在要對某一HTML元素進行操作、或者是記住某個...

2022-10-09 ‧ 由 Lin Chen 分享
DAY 25

第25天!TypeScript 與 useContext!

昨天看完簡單到有點出奇的useRef,今天來看基礎的useContext吧! React的context可以讓我們避免prop drilling的問題,不用一直...

2022-10-10 ‧ 由 Lin Chen 分享
DAY 26

第26天!TypeScript與useReducer!

昨天看完useContext,今天要來看讓我非常興奮的useReducer!之所以興奮是因為,之前第一次看到redux時,覺得超複雜的,什麼reducer、st...

2022-10-11 ‧ 由 Lin Chen 分享
DAY 27

第27天!TypeScript與customHook!

昨天看了有趣的useReducer,今天讓我們看看React當中可以說是最方便的工具:Custom hook(客製化hook)吧。 Custom hook是個必...

2022-10-12 ‧ 由 Lin Chen 分享
DAY 28

第28天!function/arrow function component與泛型組合技練習!

從一開始到這邊,雖然我們已經能大概寫出型別、看出型別,但要與React配合,甚至結合泛型,再順暢切換function component與arrow funct...

2022-10-13 ‧ 由 Lin Chen 分享
DAY 29

第29天!TypeScript番外篇 - Utility Types

快到鐵人賽尾聲了,這幾天找資料時發現這個沒提過的概念 - Utility Types,就讓我們來看一下這是什麼吧。 (這邊跟React沒有直接關係,你可以使用T...

2022-10-14 ‧ 由 Lin Chen 分享
DAY 30

第30天! TypeScript後續學習管道!

這次(也是第一次)參加鐵人賽的目的,一方面是想讓自己開始學TypeScript、一方面則是希望在跟我差不多階段的學習者,能夠一起透過這些入門的文章,慢慢對Typ...

2022-10-15 ‧ 由 Lin Chen 分享