typescript - Jest testlerimde Zustand persist'i nasıl ele alabilirim?
Şu anda durum yönetimim için Zustand kullanan bir React Native uygulaması oluşturuyorum. Zustand, durumu depolamaya kaydetme yeteneğine sahip, benim durumumda React Native'in async storage'u. Sorunsuz çalışıyor, ancak testleri çalıştırırken Zustand'ın persist wrapper'ı jest test setimin başarısız olmasına neden
DAHA FAZLASI →typescript - Zustand deposundaki `set` metodunu Immer ara yazılımı ile otomatik tamamlama özelliğini koruyarak yazmak
Immer ara yazılımını kullanırken Zustand deposundaki set metodunu yazarken sorun yaşıyorum. Bazı özellikler durumu güncelleyecek fonksiyonlar içerdiği için onu yazmam gerekiyor, bu yüzden set fonksiyonuna ihtiyaçları var:
export const useStore = create<Store>()( immer((set, get) => ({ func: beginDraggingVertex(set, get, vertexID) })) ) .... function beginDraggingVertex(set: Setter, get: Getter, vertexID: string) { ...ommited s DAHA FAZLASI →reactjs - Typescript'te bir Zustand store seçici hook sarmalayıcısını nasıl oluştururum
Zustand'ı, bir grup bileşenin arasında paylaşılan bir durumu sağlamak için React Context yerine kullanmaya çalışıyorum ve sık sık kullandığım kalıplardan biri, şöyle bir sığ çok özellikli seçici:
// store.ts interface State { data: object, setData: (newDa DAHA FAZLASI →reactjs - Persist kullanırken Zustand ve Typescript ile Hata. Hata şudur: persist.d.ts(95, 210): 'options' için bir argüman sağlanmadı
Typescript için Zustand belgelerindeki deseni izleyerek Zustand kullanarak persist işlevini kullanmaya çalışıyorum ama persist yöntemini eklediğimde bir hata alıyorum.
Hata persist.d.ts(95, 210): 'options' için bir argüman sağlanmadı.
DAHA FAZLASI →Zustand devtools'u TypeScript ile nasıl kullanılır?
Zustand'in devtools özelliğini kullanmaya çalışıyorum. Ayrıca typescript kullanıyorum. Store'u devtools'a geçtiğimde tüm store kodum şu hatayı veriyor: Argument of type 'StateCreator
İşte mağaza kodum:
const useUserStore = create<Store>(devtools((set) => ({ token: "", isLogged: false, loginUser: (jwtToke DAHA FAZLASI →reactjs - next.js 13.4.9'da kullanıcı kimlik doğrulama global durumu için zustand nasıl kullanılır
Next.js 13.4.9 uygulamamda (app router kullanarak) aşağıdaki koda sahibim ve global auth durumunu yönetmek için zustand'ı nasıl etkili bir şekilde kullanacağım konusunda emin değilim.
zustand mağazası:
// /src/store/AuthStore.ts import { create } from 'zustand'; imp DAHA FAZLASI →typescript - zustand'in create yöntemi ile generikleri kullanma
Bir GridRow<T> türünde öğeleri tutan bir zustand mağazam var. Bu, ana gridde seçilen satırları temsil eder, bu yüzden gridde kullanılan belirli verileri temsil etmek için jenerikleri kullanır.
Generic'i mağazanın create metoduna nasıl geçireceğimden emin değilim. Bunu başka bir fonksiyonla
DAHA FAZLASI →reactjs - zustand durumu fonksiyonu ile bir nesnenin bir özelliğini değiştirmek
Yani Electron uygulamamda React ile Zustand kullanıyorum. Bunu dexie veritabanından bazı verileri çekmek için kullanıyorum. Sadece bir giriş var ve bunu state'e kaydediyor. Render bileşeninden set fonksiyonunu almak ve state'deki ilgili özelliğin durumunu değiştirebilmek istiyorum. React useState ile b
DAHA FAZLASI →reactjs - Zustand durumunda bir nesnenin içindeki diziye değerler ekleyin
Zustand durumunda saklanan bir kullanıcı nesnem var ve bu nesne, kullanıcının favori filmlerinin listesini içeren bir dizi içeriyor (boş yer tutucu giriş yapıldığında değiştirilir). Ancak, bazı nedenlerden dolayı, Zustand kullanıcı nesnesini tanımıyor ve setFavoriteMovie fonksiyonunu kullanmaya çalış
DAHA FAZLASI →reactjs - Zustand kullanarak Toggle nasıl yapılır
Zustand kullanarak aşağıdaki mağazayı oluşturdum:
import create from "zustand" const useStore = create((set) => ({ show: false, toggleShow: () => set((state) => ({ show: !state.show })), }))Bu değeri show değiştirmek için doğru yolun bu olduğunu varsaydım. Ancak, TypeScript memnun değil --
DAHA FAZLASI →