![[筆記] 哎呀！不小心刻了一套 React UI 元件庫 4 – Checkbox](https://smlpoints.com/wp-content/uploads/notes-react-hooks-ch1-ch2-1.jpeg "[筆記] 哎呀！不小心刻了一套 React UI 元件庫 4 – Checkbox")
[筆記] 哎呀！不小心刻了一套 React UI 元件庫 4 – Checkbox
此篇接續上篇 [筆記] 哎呀！不小心刻了一套 React UI 元件庫 3 – Radio，來刻 Checkbox。 [ Repo ]：https: Read More …
標籤: React
[筆記] 哎呀！不小心刻了一套 React UI 元件庫 3 – Radio
Radio 和 Checkbox 的選項部分是類似的，差別在於前者需要有群組處理單選，後者每一個都可以是獨立狀態。此篇先由 Radio 和 RadioGroup Read More …
[筆記] 哎呀！不小心刻了一套 React UI 元件庫 2 – Switch
近期為了熟悉元件 Component 的客製化，便參照「哎呀！不小心刻了一套 React UI 元件庫」一書進行練習。這篇筆記下 Switch 開關元件的重點。 Read More …
[筆記] 哎呀！不小心刻了一套 React UI 元件庫 1 – 開發環境和 Button
近期為了熟悉元件 Component 的客製化，便參照「哎呀！不小心刻了一套 React UI 元件庫」一書進行練習。這篇筆記下 Button 按鈕元件的重點， Read More …
[筆記] XState React 設計登入模式筆記
觀察前輩如何設計登入流程這個環節，以下是閱讀心得。 必備知識 關於在各個元件中傳值 這點要利用 React CreateContext 內的 Provider Read More …
[筆記] React 自製 Provider 的基礎知識
在 React Hook 的寫法中，用 useContext 和 useReducer 就可以簡易的做出一個 GlobalStateProvider。這邊筆記下 Read More …
[筆記] React Select 搭配 Testing Library 進行單元測試
React Select 是 React 生態系中被廣泛使用的套件之一。這邊筆記下搭配 React Testing Library 進行測試的一些設定問題。 內 Read More …
![[筆記] XState React 狀態管理初探](https://smlpoints.com/wp-content/uploads/notes-xstate-react-fsm-typescript-1.jpg "[筆記] XState React 狀態管理初探")
[筆記] XState React 狀態管理初探
XState 是一個實作 finite-state machine 有限狀態機 ( FSM ) 的套件，可以讓使用者在實作時強迫將流程和順序規劃出來，同時達成資 Read More …
[筆記] React Unit Test 關於路由和套件的模擬 By Jest
近期在撰寫 Unit Test 時，遇上要測試 React Router Dom 所渲染的內容是否與所給予的參數相符。這篇筆記下思路和一些關鍵寫法。 思路 1. Read More …
