Zustand middleware

미들웨어는 스토어 생성 시점에 저장과 디버깅 기능을 덧붙인다

persist와 devtools는 상태 타입과 액션 타입을 유지한 채 스토어의 동작을 확장합니다.

확장 흐름

store add-ons

State creator

상태, 액션, 초기값을 타입과 함께 먼저 선언합니다.

devtools

액션 이름과 상태 변화를 개발 도구에서 추적할 수 있게 합니다.

persist

선택한 상태를 저장소에 보관하고 새로고침 뒤 복원합니다.

Selector

컴포넌트는 필요한 상태 조각만 구독해 렌더링을 줄입니다.

저장

localStorage나 sessionStorage 같은 저장 대상을 고를 수 있습니다.

create → wrap → store → hook → tools