Zustand로 가벼운 React 상태 관리하기

Redux만 쓰기엔 부담스럽고, Context만으로는 아쉬울 때 쓸 수 있는 가벼운 상태 관리 라이브러리인 Zustand를 간단히 정리합니다.

1. 기본 스토어 정의

작은 예제로 create 함수로 스토어를 만들고, 컴포넌트에서 훅으로 사용하는 패턴을 기록합니다.

2. 상태 분리와 구조

피쳐별로 스토어를 나누는 전략, setter 네이밍, Immer와의 조합 등을 메모합니다.

3. 퍼포먼스와 선택자

useStore에서 selector를 사용해 리렌더를 줄이는 방법과 주의사항을 정리합니다.