Repolode
pmndrs

pmndrs/zustand

Provider 없이 사용할 수 있는 React용 경량 훅 기반 상태 관리 라이브러리입니다.

대체할 수 있는 제품:Redux

스타
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. 1

    npm에서 zustand를 설치합니다

    npm install zustand
  2. 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 통계는 매일 갱신됩니다.

관련 프로젝트