Zustand
Gyakori hibák
Tipikus Zustand hibák: egész store olvasása, túl nagy store, redundáns state, közvetlen mutáció, hiányos async kezelés, devtools hiánya.
Gyakori hibák
1) Az egész store olvasása selector nélkül
// ❌
const store = useUserStore()
// ✅
const name = useUserStore((state) => state.name)2) Túl nagy store
- bontsd felelősség szerint több store-ra
3) Redundáns state tárolása
- amit ki tudsz számítani, számold selectorban
4) Közvetlen mutáció set nélkül
// ✅
addItem: (item) => set((state) => ({ items: [...state.items, item] }))5) Hiányos async kezelés
fetchUser: async (id) => {
set({ isLoading: true, error: null })
try {
const user = await api.getUser(id)
set({ user, isLoading: false })
} catch {
set({ error: "Felhasználó nem található", isLoading: false })
}
}6) Devtools middleware kihagyása
import { devtools } from "zustand/middleware"