React

21.03.07

After Reading "Before You Memo"

memo好用歸好用,但凡多寫一段code,執行時還是要多跑幾行程式。在決定使用memo之前,你還有哪些選擇?

20.10.28

建立Gatsby網誌搭配TypeScript

Gatsby生態系對於用markdown寫部落格非常友善,官方有提供boilerplate讓大家快速架站。但若要搭配Typescript,則需要對boilerplate作進一步設定

20.09.10

Detect Scroll Direction With React Hook

「偵測使用者向上/向下滾動」的功能也不是第一次做了,但從Class Component思維轉換到Hook思維卻卡了一陣子...

20.08.13

React With TypeScript

用 TypeScript 寫 React

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 介面。