任何白痴都能寫出電腦看得懂的程式。好的程式設計師則會寫出人類看得懂的程式。
透過Clean Code的觀念跟測試寫出所有人都能維護的程式碼
希望透過這次挑戰精進自己跟讀者們寫程式的功力~
Render Component render() : 用於在測試環境中渲染組件 screen() : 可以更簡單地訪問渲染的組件內容。 screen.deb...
Component 測試 今天來綜合一下前面寫的測試吧,利用useFetchUsers()拿到的資料更新 component ,再判斷顯示是否正確。我們稍微改寫...
Redux Toolkit 為了測試,我們把預設的專案改成使用 redux 的形式吧~安裝 redux toolkit npm install @reduxjs...
user-event 透過 userEvent 可以更好的去模擬 user 的行為 常用的會有 click type keyboard hover selec...
突然想到好像沒有介紹到 Scoping 這部分,今天就稍微簡單帶過一下吧~ Scoping 跟 function 一樣 ,有全域的部分及區域的部分,所以有可能會...
3A Pattern (Arrange Act Assert) 補充一下前面沒提過的 3A Pattern Arrange:初始化測試的對象 Act:執行...
Functional Programing 我自己並不覺得 FP 跟 OOP 有優劣之分,只要邏輯簡單易懂,都是很好的做法 。 我在學習 TDD 開發的過程中,...
這兩天來看看 function programing 的哪些概念可以幫助我們寫出 clean code 吧 ! First-class Function 一級函...
Immutability 當我們說一個物件是 Immutable ,那就表示這個物件在被產生之後,就無法再被修改了,在JS中如果你是用 const 宣告的就代表...
什麼是Compound Component? 我們來看一下,React 最一開始教大家用 props 寫共用 component 的方法 // with pr...