zustand
Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.
How to use
Zainstaluj skill Zustand w swoim środowisku LobeChat lub agenta — skill automatycznie aktywuje się, gdy pracujesz z plikami w katalogu src/store/** lub pytasz o zarządzanie stanem w Zustand.
Podczas tworzenia akcji publicznych stosuj formę czasownika (np. createTopic, sendMessage) — te akcje będą interfejsem dla komponentów UI i powinny zawierać walidację parametrów oraz orkiestrację przepływu.
Dla logiki biznesowej utwórz akcje wewnętrzne z prefiksem internal_ (np. internal_createTopic) — te akcje obsługują optymistyczne aktualizacje, wywołania serwisu i obsługę błędów, ale nie powinny być wywoływane bezpośrednio z UI.
Dodaj metody dispatch z prefiksem internal_dispatch + nazwa encji (np. internal_dispatchTopic) — odpowiadają za wywoływanie reducerów i aktualizację magazynu.
Wybierz odpowiedni wzorzec: użyj reducera do zarządzania listami/mapami obiektów i optymistycznych aktualizacji, a prostego set() do przełączania booleanów i ustawiania pojedynczych pól stanu.
Przy operacjach tworzenia zastosuj wzorzec optymistycznej aktualizacji — natychmiast zaktualizuj frontend tymczasowym ID, wywołaj serwis backend, a następnie odśwież stan dla spójności; dla operacji usuwania unikaj optymistycznych aktualizacji ze względu na ich destrukcyjny charakter.