Zustand State Management
Zustand store, create, selectors, actions, middleware, devtools, persistence
1Zustand란 무엇인가요?
Zustand란 무엇인가요?
답변
Zustand는 Redux나 Context API와 달리 Provider가 필요 없는 React용 미니멀리스트 state management 라이브러리입니다. hooks와 create() 함수를 기반으로 한 간단한 API를 제공하며, 매우 작은 bundle size(1KB 미만)를 가지고 있습니다. Zustand는 Redux의 아키텍처적 복잡성 없이 글로벌 state를 관리할 수 있으며, Context API의 성능 문제도 피할 수 있습니다.
2기본적인 Zustand store를 어떻게 생성하나요?
기본적인 Zustand store를 어떻게 생성하나요?
답변
create() 함수는 Zustand store를 초기화하는 데 사용됩니다. set과 get을 매개변수로 받는 callback 함수를 받아 초기 state와 actions를 정의할 수 있습니다. 반환된 store는 컴포넌트에서 직접 사용할 수 있는 React hook입니다. 이 접근 방식은 Redux의 action creators나 reducers와 같은 boilerplate의 필요성을 제거합니다.
3컴포넌트에서 Zustand store의 state에 어떻게 접근하나요?
컴포넌트에서 Zustand store의 state에 어떻게 접근하나요?
답변
create()로 생성된 store는 함수형 컴포넌트에서 직접 호출할 수 있는 React hook을 반환합니다. 이 hook은 state의 필요한 부분만 추출하기 위한 선택적 selector를 받습니다. selector 없이는 전체 state를 반환하지만, 불필요한 re-render가 발생할 수 있습니다. hook-first 접근 방식은 Zustand를 현대 React 개발자에게 매우 직관적으로 만듭니다.
Zustand에서 selector의 역할은 무엇인가요?
selector로 불필요한 re-render를 어떻게 피하나요?
+15 면접 질문