reactjs - React + PIXI + Zustand - Fare işleyicilerinde bayat durum
Bir pixi tuvalim var ve üzerinde işaretçi işleyiciler var. Bir ‘dizi’ üzerindeki bir noktaya tıklayabilir ve onu taşıyabilirsiniz.
Fare işleyicilerinin eski bir durumu vardı. Bunu düzeltmek için, dizilim her değiştirildiğinde işleyicileri yeniden oluşturuyorum, böylece her zaman yeni bir duruma sahip olurlar.
DAHA FAZLASI →reactjs - TypeScript'te generik bir arayüzü zustand create çağrısına nasıl geçirirsiniz?
Bu yüzden bir fonksiyona genel bir tip alan bir fonksiyonu çağırırken bir genel arayüzü geçirmek için doğru söz diziminin ne olduğunu bulmakta zorlanıyorum.
Yapmak istediğim şey const data=itemStore<T>(state => state.data)
import { cre DAHA FAZLASI →typescript - zustand mağazasına persist ara katmanı eklemek
useGlobalStore'uma bir persist middleware eklemek istiyorum. Orada (set ve get) verilerini session store için yönetmek istiyorum. Dokümantasyona baktım ama create ve persist fonksiyonlarımı birlikte nasıl kullanacağımı bulamadım.
İşte benim useGlobalStore'um:
DAHA FAZLASI →javascript - React Uygulamasında Zustand'ın Persist Ara Yazılımı ve StateCreator ile TypeScript Hatası
React uygulamamda durumu saklamak ve geri almak için Zustand'ın persist orta katmanını kullanmaya çalışıyorum. Ancak çözmekte zorlandığım bir TypeScript hatasıyla karşılaşıyorum. Hata mesajı şu şekildedir:
Argument of type 'StateCreator<F DAHA FAZLASI →reactjs - Bir sorgunun sonucunu depolamak için zustand nasıl kullanılır
Kimliği doğrulanmış kullanıcıyı bir zustand deposuna koymak istiyorum. Kimliği doğrulanmış kullanıcıyı react-query kullanarak alıyorum ve bu bazı sorunlara yol açıyor. Bunu neden yaptığımı tam olarak bilmiyorum. Kimlikle ilgili her şeyin bir kanca aracılığıyla erişilebilir olmasını istiyorum, bu yüzden zustand'ın iyi bir seçenek olduğunu düşündüm.
Bu, kimlik doğrulama yapan kullanıcıyı getiren hook'tur:
const getAuthUser = async () => { const { data } = await axios.ge DAHA FAZLASI →reactjs - Zustand ile API çağrısı kullanarak fetch yapma useEffect en iyi uygulama
Bir useEffect fonksiyonunda Zustand ile bir API'den durum alırken, bunu yapmanın en iyi uygulaması nedir? Şu anda bunu çok basit bir şekilde kullanıyorum:
export interface ModeState{ modes: Mode[]; fetchModes: () => void; } export const useModeStore = create<ModeState>( DAHA FAZLASI →reactjs - zustand typescript kalıcı mağaza nasıl tiplenir
Bu basit bir mağazam var
interface CartState { cart: { [id: string]: CartDto }; addItem: ({ id, image, name, price }: Omit<CartDto, "quantity">) => void; removeItem: (id: string) => void; reset: () => void; } export const useCart = create<CartState>((set, get) => ({ DAHA FAZLASI →