Zustand
Store létrehozása
create + set alapok, set két formája, TypeScript interfész, és elnevezési konvenciók.
Store létrehozása
Alap szintaxis
import { create } from "zustand"
export const useCounterStore = create((set) => ({
count: 0,
increment: () => set((state) => ({ count: state.count + 1 })),
decrement: () => set((state) => ({ count: state.count - 1 })),
reset: () => set({ count: 0 }),
}))set használata
set({ count: 0 })
set((state) => ({ count: state.count + 1 }))TypeScript típusokkal
import { create } from "zustand"
interface CounterState {
count: number
increment: () => void
decrement: () => void
reset: () => void
}
export const useCounterStore = create<CounterState>((set) => ({
count: 0,
increment: () => set((state) => ({ count: state.count + 1 })),
decrement: () => set((state) => ({ count: state.count - 1 })),
reset: () => set({ count: 0 }),
}))Elnevezés
useAuthStore, useCartStore, useUIStore