zustand 불필요한 리렌더링 최적화
zustand 리렌더링 문제점 zustand로 상태를 관리할 때 흔히 마주치는 문제가 있다. 위 코드처럼 BearStore를 생성하여 컴포넌트에서 사용할 경우, 특정 상태만 사용하더라도 스토어 내 다른 상태가 변경되면 불필요한 리렌더링이 발생한다. 예를 들어, 컴포넌트에서 useBearStore를 통해 bears 상태만 사용하고 있더라도, increa…
2025년 1월 14일zustand 리렌더링 문제점 zustand로 상태를 관리할 때 흔히 마주치는 문제가 있다. 위 코드처럼 BearStore를 생성하여 컴포넌트에서 사용할 경우, 특정 상태만 사용하더라도 스토어 내 다른 상태가 변경되면 불필요한 리렌더링이 발생한다. 예를 들어, 컴포넌트에서 useBearStore를 통해 bears 상태만 사용하고 있더라도, increa…
2025년 1월 14일들어가며 지금까지 Redux toolkit을 사용하면서 useSelector 를 잘못 사용하고 있다는 것을 알게되었다. 다음과 같이 구조 분해 할당으로 useSelector 를 사용하고 있었다. 구조 분해 할당으로 useSelector 를 사용하면 어떤 문제가 생기는지, 그리고 어떻게 최적화할 수 있을지 이번 포스팅에서 다뤄보려고 한다. useSel…
2024년 9월 14일