웹과 React Native에서 상태 관리와 유효성 검사를 지원하는 고성능 폼 구축용 React Hooks 라이브러리입니다.
- 스타
- 58,845
- 포크
- 2,176
- 열린 이슈
- 8
- 마지막 커밋
- 7일 전
어떤 프로젝트인가요?
Zustand는 단순화된 Flux 원칙을 바탕으로 만든 React용 상태 관리 라이브러리입니다. 함수 하나로 store를 만들고 훅으로 제공하므로, 앱을 context provider로 감싸지 않아도 컴포넌트에서 원하는 상태 조각을 바로 읽을 수 있습니다.
컴포넌트는 선택한 상태 부분을 구독하며, 해당 값이 바뀔 때만 다시 렌더링됩니다. 얕은 비교, 사용자 지정 동등성 검사, 리렌더링을 피하는 transient 업데이트를 위한 헬퍼도 제공됩니다. 또한 vanilla store API를 통해 React 없이도 사용할 수 있습니다.
상태를 저장소에 보존하는 미들웨어, Immer 기반 불변 업데이트, Redux 스타일 리듀서, Redux DevTools 연동 기능을 제공합니다. TypeScript로 작성되었으며 npm에서 사용할 수 있습니다.
핵심 기능
- 01Provider 없이 훅으로 store를 만들 수 있습니다.
- 02선택한 상태가 바뀔 때만 컴포넌트가 다시 렌더링됩니다.
- 03얕은 비교와 사용자 지정 동등성 함수를 지원합니다.
- 04persist, Immer, Redux 스타일 및 devtools 미들웨어를 제공합니다.
- 05vanilla store API를 통해 React 없이도 사용할 수 있습니다.
활용 사례
- 최소한의 보일러플레이트로 React 컴포넌트 간에 앱 상태를 공유합니다.
- 사용자 설정이나 세션 데이터를 localStorage 또는 sessionStorage에 저장합니다.
- 리듀서 스타일 액션을 유지하면서 Redux에서 마이그레이션합니다.
- 불필요한 리렌더링을 일으키지 않고 자주 업데이트되는 상태를 관리합니다.
빠른 시작
- 1
npm에서 zustand를 설치합니다
npm install zustand - 2
create로 스토어를 만들고 컴포넌트에서 훅을 사용합니다
토픽
자주 묻는 질문
- zustand은(는) 무엇인가요?
- Provider 없이 사용할 수 있는 React용 경량 훅 기반 상태 관리 라이브러리입니다. Zustand는 단순화된 Flux 원칙을 바탕으로 만든 React용 상태 관리 라이브러리입니다. 함수 하나로 store를 만들고 훅으로 제공하므로, 앱을 context provider로 감싸지 않아도 컴포넌트에서 원하는 상태 조각을 바로 읽을 수 있습니다.
- zustand은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- zustand은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- zustand은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. zustand의 마지막 커밋은 2026년 10월 14일입니다.
- zustand은(는) 어디에 사용할 수 있나요?
- 최소한의 보일러플레이트로 React 컴포넌트 간에 앱 상태를 공유합니다. 사용자 설정이나 세션 데이터를 localStorage 또는 sessionStorage에 저장합니다. 리듀서 스타일 액션을 유지하면서 Redux에서 마이그레이션합니다. 불필요한 리렌더링을 일으키지 않고 자주 업데이트되는 상태를 관리합니다.
- zustand는 어떻게 설치하나요?
- npm에서 zustand를 설치합니다: npm install zustand create로 스토어를 만들고 컴포넌트에서 훅을 사용합니다
- zustand은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/pmndrs/zustand
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
React, Vue, Svelte, Solid 바인딩을 제공하는 웹 앱용 비동기 상태 관리 및 데이터 페칭 라이브러리입니다.
캐시된 데이터를 먼저 반환한 뒤 백그라운드에서 재검증하는 React Hooks 데이터 페칭 라이브러리입니다.
React Aria와 Tailwind CSS v4를 기반으로 한 React UI 컴포넌트 라이브러리로, 이전 이름은 NextUI입니다.
손그림 스타일의 다이어그램을 그릴 수 있는 오픈소스 가상 화이트보드로, 임베드 가능한 React npm 패키지도 제공합니다.
React 핵심, Router, Redux, 테스트, React Native를 다루는 오랜 역사의 ReactJS 면접 질문과 답변 모음입니다.