React

Hook

useEffect

try catch문을 이용하여 use(Layout)Effect 보다 좋게 지연된 처리를 한다.

Zustand

State 관리 Library

• Context보다 코드가 적다.
• State를 관리할 때 Context를 사용할 경우에는,
  State가 변경되면, Context.Provider 하위의 모든 요소가 re-Rendering되는데,
  Zustand를 사용하면, 불필요한 re-Rendering을 방지할 수 있다.

사용법

const store이름 = (set) => ({  // Zustand에 내장된 set함수를 매개변수로 가지는 store를 생성한다.
  상태: 초깃값,
  상태를변경할함수이름: (매개변수) =>
    set((state) => ({
        상태를 변경할 코드
    }))
})

export const 커스텀훅 = create(store이름);  // store를 create하여 커스텀훅에 할당한다.

사용할 Component에서 커스텀훅(콜백함수)을 사용해 State를 관리한다.