Zustand v5 — React 상태 관리의 미니멀리즘

Zustand v5 변경사항

Zustand v5는 TypeScript 지원이 대폭 강화되고, 번들 크기가 더 줄었습니다.

기본 사용법

import { create } from "zustand";
import { persist, devtools } from "zustand/middleware";

interface BearStore {
  bears: number;
  increase: () => void;
}

const useStore = create<BearStore>()(
  devtools(
    persist(
      (set) => ({
        bears: 0,
        increase: () => set((s) => ({ bears: s.bears + 1 })),
      }),
      { name: "bear-store" }
    )
  )
);

보일러플레이트 없이 직관적인 전역 상태 관리가 가능합니다.