2023 iThome 鐵人賽

DAY 21

[TS] 寫 Type Guard 好麻煩？試試看 Zod 吧（feat. ajv）

分享兩個方便將資料做型別檢查的工具： zod: https://zod.dev/ajv: https://ajv.js.org/guide/typescrip...

0 Like 0 留言 1469 瀏覽

DAY 22

[React] Referencing Values with Refs

今天來談談為什麼要特別用 ref 來把變數保存起來？為什麼不能直接把變數訂在元件外面呢？最後則跟著官方文件來看看 useRef 是如何實作的。 https:/...

1 Like 0 留言 695 瀏覽

DAY 23

[React] Manipulating the DOM with Refs: useRef and callback ref

今天來看三個重點：怎麼使用 ref 保存 DOM Node？ callback ref 怎麼用？ DOM Nodes 是在什麼時間點被保存當 ref 中？...

1 Like 0 留言 666 瀏覽

DAY 24

[React] Manipulating the DOM with Refs: forwardRef and useImperativeHandle

今天延續昨天的文章，來看看 forwardRef 和 useImperativeHandle 的使用，因為這兩個 API 大部分時在開發自己的元件庫時會用到，...

1 Like 0 留言 586 瀏覽

DAY 25

[React] Synchronizing with Effects: Part 1

今天來從官網理解 useEffect 最基本的使用方式：呼叫 useEffect 定義 dependencies array 需要的話，加上 cleanu...

1 Like 0 留言 642 瀏覽

DAY 26

[React] Synchronizing with Effects: Part 2

延續昨天 useEffect 的說明，今天著重在 cleanup function 的使用時機、並搭配 useEffect 中的 closure 來做到「取消...

1 Like 0 留言 555 瀏覽

DAY 27

說說你這次更新了些什麼

除了讀官方提供的教學文件之外，官方提供的更新紀錄、升級文件也是很重要的資訊，今天就來讓我們看能夠從那些地方了解套件每次升級時到底更新了那些項目。

1 Like 0 留言 397 瀏覽

DAY 28

[React] You Might Not Need an Effect: Part 1

閱讀文章：You Might Not Need an Effect @ React Docs beta

1 Like 1 留言 769 瀏覽

DAY 29

[React] You Might Not Need an Effect: Part 2

延續昨天的內容～閱讀文章：You Might Not Need an Effect @ React Docs beta

1 Like 0 留言 666 瀏覽

DAY 30

Thinking in React

前端有一大部分是要把 API 拿到的資料轉換成適合讓 UI render 的資料格式，今天用一個和官網稍微不同的方式來組出同樣的畫面內容，也可以分享看看，如果...

1 Like 2 留言 923 瀏覽

第十四屆佳作

系列文章