Zustand 학습 로드맵: store·action·selector·persist 순서
Zustand를 적용할 때 로컬·전역 상태 경계부터 create store, action, selector, useShallow, persist와 Next.js hydration까지 순서대로 정리합니다.
Zustand의 기본 개념, 설치, 핵심 문법과 첫 사용 예제 글을 정리합니다.
총 4개의 글
Zustand를 적용할 때 로컬·전역 상태 경계부터 create store, action, selector, useShallow, persist와 Next.js hydration까지 순서대로 정리합니다.
Zustand에서 state를 읽고 action으로 변경하는 기본 흐름을 정리합니다. selector, set 함수, 이전 state 기준 업데이트, UI 상태 관리 예시까지 함께 다룹니다.
Zustand를 React 프로젝트에 설치하고 `create`로 기본 Store를 만드는 흐름을 정리합니다. 상태와 액션을 Store 안에 구성하고 컴포넌트에서 필요한 값만 선택해 사용하는 기준을 다룹니다.
useState, props, Context, Redux Toolkit, TanStack Query와 비교해 Zustand가 필요한 상황을 판단하고 기본 store·action·selector를 예제로 정리합니다.