React
20.10.28
建立Gatsby網誌搭配TypeScript
Gatsby生態系對於用markdown寫部落格非常友善,官方有提供boilerplate讓大家快速架站。但若要搭配Typescript,則需要對boilerplate作進一步設定
20.09.10
Detect Scroll Direction With React Hook
「偵測使用者向上/向下滾動」的功能也不是第一次做了,但從Class Component思維轉換到Hook思維卻卡了一陣子...
20.03.14
Prop Getters and Render Props
僅是一個小小的元件,一個span或一個div,都要用Consumer包起來嗎?到處建立Context會不會很難管理?因此,以function作為children(Function as children),是個更有彈性的選擇
20.01.30
Function as children
僅是一個小小的元件,一個span或一個div,都要用Consumer包起來嗎?到處建立Context會不會很難管理?因此,以function作為children(Function as children),是個更有彈性的選擇
19.12.29
Compound Components
工作上收到設計稿時,我習慣先和組員討論,哪些元件有可能會被重複使用?由於最近上頭同意大幅重構,在後台系統的頁面有87%元件是相似的情況下,同事組裝元件的方式也大同小異,他們希望我為主畫面設計一個Template,減少拼裝元件的時間。
19.07.25
不用跟Redux連接的Component
先寫測試程式,然後才實作功能,是最近發起的一種程式開發思維。無論是否百分之百實行測試驅動開發(TDD),程序猿可以從中學習到如何撰寫好的自動化測試,怎樣設計軟體可以更模組化、更容易擴充,以及設計出好用的 API 介面。