state-management

Skill do zarządzania stanem klienta i serwera w aplikacjach React. Pomaga wybrać odpowiednie rozwiązanie dla każdego przypadku: Zustand do stanu globalnego, React Query do danych z API, React Router do stanu URL-a, React Hook Form do formularzy, lub useState dla stanu lokalnego. Zawiera drzewo decyzyjne i reguły wyboru między bibliotekami.

1. Aktywuj skill, gdy pracujesz nad zarządzaniem stanem — zwłaszcza gdy masz pytania o współdzielenie danych między komponentami, persystencję stanu lub pobieranie danych z serwera.
2. Skonsultuj drzewo decyzyjne: zacznij od pytania "Czy to dane z serwera (odpowiedź API)?". Odpowiadając na kolejne pytania, dotrzesz do rekomendowanego rozwiązania.
3. Dla odczytywania ze sklepu Zustand użyj wytycznych z pliku use-zustand-selectors.md — zawiera on najlepsze praktyki selekcji danych.
4. Jeśli chcesz zachować stan między nawigacją, przejrzyj use-zustand-persist.md, aby skonfigurować persystencję.
5. Do pobierania i cachowania danych z API zastosuj React Query lub Connect Query — skill wskaże use-react-query-for-server.md z szczegółowymi instrukcjami.
6. Dla bardziej złożonych scenariuszy przejrzyj pełne reguły w katalogu rules/ — zawierają one szczegółowe wytyczne dla każdego typu stanu.