simple-zustand-devtools를 사용하면 React 개발 도구에서 Zustand 상태 관리를 확인할 수 있습니다.
GitHub - beerose/simple-zustand-devtools: Inspect your zustand store in React DevTools 🐻⚛️
simple-zustand-devtools 패키지를 설치합니다.
pnpm add -D simple-zustand-devtools
mountStoreDevtool 함수를 불러와 개발 중일 때만 개발 도구에 Zustand 상태가 마운트 되도록 설정합니다.
import create from 'zustand';
**import { mountStoreDevtool } from 'simple-zustand-devtools';**
const useStore = create(set => {
// ...
});
export default useStore;
**if (process.env.NODE_ENV === 'development') {
mountStoreDevtool('Store', useStore);
}**
Zukeeper는 Zustand 개발 도구로 액션 및 상태 기록, 비교, 상태 계층 시각화 및 시간 여행 디버깅 기능을 제공합니다. 이 도구는 Zustand 커뮤니티를 위한 것이므로 완전히 오픈 소스이며 활발히 개발 중입니다.