reactjs - React + PIXI + Zustand - Verouderde staat in muishandlers

Ik heb een pixi-canvas met pointerhandlers. Je kunt op een punt op een 'sequentie' klikken en het verplaatsen.

De muishandlers hadden verouderde status. Om dit te verhelpen, maak ik de handlers opnieuw aan telkens wanneer de sequentie wordt gewijzigd, zodat ze altijd een verse status hebben. Dit heeft de statu

Lees verder →

reactjs - Hoe geef je een generiek interface door aan een zustand create-aanroep in TypeScript?

Dus ik heb moeite gehad om een antwoord te vinden op de vraag wat de juiste syntaxis is om een generiek interface door te geven bij het aanroepen van een functie die een generiek type accepteert.

Wat ik wil doen is const data=itemStore<T>(state => state.da

Lees verder →

typescript - Persist middleware toevoegen aan zustand store

Ik wil een persist middleware toevoegen aan mijn useGlobalStore. Ik wil daar (zetten en ophalen) omgaan met gegevens voor de sessiewinkel. Ik heb de documentatie doorgenomen maar kon geen antwoord vinden over hoe ik mijn create en persist functies samen kan combineren.

Hier is mijn

Lees verder →

javascript - TypeScript-fout met de Persist-middleware van Zustand en StateCreator in een React-app

Ik probeer de persist-middleware van Zustand te gebruiken om de staat op te slaan en op te halen in mijn React-toepassing. Ik ondervind echter een TypeScript-fout waar ik moeite mee heb om op te lossen. Het foutbericht is als volgt:

Argument

Lees verder →

reactjs - Hoe je zustand kunt gebruiken om het resultaat van een query op te slaan

Ik wil de geauthenticeerde gebruiker in een zustand-store zetten. Ik krijg de geauthenticeerde gebruiker met react-query en dat veroorzaakt enkele problemen. Ik weet niet zeker waarom ik dit doe. Ik wil dat alles wat met authenticatie te maken heeft in een hook toegankelijk is, dus ik dacht dat zustand een goede keuze was.

Dit is de hook die de geauthenticeerde gebruiker ophaalt:

const getAuthUser = async () => { const { data } = await axios.get<AuthUserResponse>

Lees verder →

reactjs - Zustand ophalen met API-aanroep useEffect best practice

Wanneer je de staat ophaalt van een API met Zustand in een useEffect-functie, wat is de beste praktijk om dat te doen? Op dit moment gebruik ik het heel eenvoudig:

export interface ModeState{ modes: Mode[]; fetchModes: () => void; } export const useModeStore = create<ModeS

Lees verder →

reactjs - zustand typescript persistent hoe store te typen

Ik heb deze eenvoudige winkel

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) =>

Lees verder →