Zustand selector 사용법: 필요한 상태만 가져와 리렌더링 줄이기
Zustand selector를 사용해 컴포넌트가 필요한 상태만 구독하는 방법을 정리합니다. 전체 store 구독의 문제, 여러 값을 가져올 때의 참조 비교, useShallow 적용 기준까지 필터 UI 예시로 설명합니다.
Zustand의 실제 프로젝트 적용, 연동, 상태 흐름과 실무 문제 해결 글을 정리합니다.
총 6개의 글
Zustand selector를 사용해 컴포넌트가 필요한 상태만 구독하는 방법을 정리합니다. 전체 store 구독의 문제, 여러 값을 가져올 때의 참조 비교, useShallow 적용 기준까지 필터 UI 예시로 설명합니다.
Zustand를 실무에서 사용할 때 전역 상태 범위, 서버 상태 분리, selector, persist, store 구조를 어떤 기준으로 점검해야 하는지 정리합니다.
Zustand의 persist 미들웨어로 새로고침 후에도 상태를 유지하는 방법을 정리합니다. localStorage, partialize, hydration 흐름을 기준으로 저장할 상태와 저장하지 않을 상태를 구분합니다.
Zustand 상태 변경 후 화면이 바뀌지 않을 때 불변 업데이트, selector, shallow 비교를 순서대로 점검하는 오류 해결 글입니다.
Zustand에서 action을 사용해 상태 변경 로직을 컴포넌트 밖으로 분리하는 기준을 정리합니다. 필터 상태 예시를 통해 set 함수, 토글, 초기화, action 이름 짓는 방식을 함께 다룹니다.
React state vs Zustand: 언제 전역 상태가 필요할까를 실제 작업 순서와 판단 기준 중심으로 정리합니다. 기존 개별 글을 어떻게 이어서 읽으면 좋은지 함께 안내합니다.