Zustand — React 상태 관리의 새로운 대안

왜 Zustand인가

Redux는 보일러플레이트가 많습니다. Zustand는 최소한의 코드로 글로벌 상태를 관리합니다.

기본 사용법

import { create } from "zustand";

const useStore = create((set) => ({
  count: 0,
  increment: () => set((state) => ({ count: state.count + 1 })),
  reset: () => set({ count: 0 }),
}));

function Counter() {
  const { count, increment } = useStore();
  return {count};
}

미들웨어

persist, devtools, immer 등의 미들웨어를 플러그인처럼 사용할 수 있습니다.