# Hooks

# useEffect

- function 會在組件渲染完才呼叫
- effect = side-effect
- 為什麼會無限迴圈？
- 為什麼會呼叫兩次？
- 依賴項
- 清除函數 (return)

# React Query
- client state : theme, lang... 深色模式
- server side : API
- status：QueryStatus
- (loading, success, error)
- fetchStatus： FetchStatus (queryFn狀態)
- (fetching, pause, idle)

staleTime
- query stale 需要 trigger 才會 refetch
cacheTime
- 超過後會被 garbage collected

- Mutations ：帶有 side Effect 的 function

# useCallback

- 紀錄函式
- 無法解決效能問題
- 避免 React.memo 比較 props 值時因「物件型別記憶體位置不同，但值相同」而重新渲染
- https://hackmd.io/@lunzaizai/SkLIQqR7i

# useMemo

# useRef

# useReducer