ReactReactTypeScriptJavaScript
Zustand: The Best React State Management Library
Why Zustand has become the go-to React state management solution and how to use it effectively in 2026.
Mar 23, 20267 min read11,800 views980 words
Creating a Store
TS
| 1 | import { create } from 'zustand'; |
| 2 | import { persist } from 'zustand/middleware'; |
| 3 | |
| 4 | interface BearState { |
| 5 | bears: number; |
| 6 | increase: () => void; |
| 7 | reset: () => void; |
| 8 | } |
| 9 | |
| 10 | const useBearStore = create<BearState>()( |
| 11 | persist( |
| 12 | (set) => ({ |
| 13 | bears: 0, |
| 14 | increase: () => set((state) => ({ bears: state.bears + 1 })), |
| 15 | reset: () => set({ bears: 0 }), |
| 16 | }), |
| 17 | { name: 'bear-storage' } |
| 18 | ) |
| 19 | ); |