zustand
Przewodnik zarządzania stanem Zustand dla aplikacji React — optymalizuj akcje i reducery
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do pracy ze sklepami Zustand w projektach React. Pomaga w implementacji akcji publicznych i wewnętrznych, zarządzaniu stanem oraz tworzeniu slajsów. Zawiera wzorce optymistycznych aktualizacji, konwencje nazewnictwa i wskazówki, kiedy używać reducerów zamiast prostego set(). Aktywuje się przy pracy z kodem magazynu (src/store/**), pytaniach o zarządzanie stanem lub implementacji akcji.
Jak używać
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.