목차
Zustand Documentation
Zustand
<aside>
🔥 Zustand( 독일어로 ‘상태’) 는 작고 빠르며 확장 가능한 상태 관리 솔루션으로 Hook 기반의 편리한 API를 제공한다.
컨텍스트에 의지하지 않을 뿐더러 더 빠르게 작동한다.
Zustand는 “구독하고 싶은 앱의 상탤르 선택해 사용하는 작은 시스템”
</aside>
Zustand 작동 원리
- React 컴포넌트 간 모듈 상태 공유
- 모듈 로직을 추출해 커스텀 훅 정의
- 불필요한 리-렌더링 방지를 위한 셀렉터 함수
- 반응 상태 수정을 위한 스토어 에서 액션 정의
- React 18 에서 스크린 티어링 문제 해결
Zustand 사용하는 이유
- 사전에 작성해야할 예열 코드가 적다.
- 컨텍스트 프로바이더에 의존하지 않는다.
- 컨텍스트를 사용하는 것보다 더 빠르다.